Mantine.dev Site Title

Mantine

Mantine.dev Meta Description

React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience

Mantine.dev Test Results

Mantine.dev Mobile Performance: 63/100
Quick overview:
Max Potential First Input Delay
1,910 ms
The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric.
Time to Interactive
10.1 s
Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric.
Metrics
Collects all available metrics.
Server Backend Latencies
10 ms
Server latencies can impact web performance. If the server latency of an origin is high, it's an indication the server is overloaded or has poor backend performance. Learn more about server response time.
Diagnostics
Collection of useful page vitals.
Tasks
Lists the toplevel main thread tasks that executed during page load.
Final Screenshot
The last screenshot captured of the pageload.

868436944466

Network Round Trip Times
10 ms
Network round trip times (RTT) have a large impact on performance. If the RTT to an origin is high, it's an indication that servers closer to the user could improve performance. Learn more about the Round Trip Time.
Network Requests
Lists the network requests that were made during page load.
Script Treemap Data
Used for treemap app

Mantine.dev Mobile SEO: 89/100
Quick overview:
Mobile Friendly
Make sure your pages are mobile friendly so users don’t have to pinch or zoom in order to read the content pages. Learn how to make pages mobile-friendly.
Tap targets are not sized appropriately
72% appropriately sized tap targets
Interactive elements like buttons and links should be large enough (48x48px), or have enough space around them, to be easy enough to tap without overlapping onto other elements. Learn more about tap targets.
Content Best Practices
Format your HTML in a way that enables crawlers to better understand your app’s content.
Image elements do not have `[alt]` attributes
Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. Learn more about the `alt` attribute.

Mantine.dev Mobile Best Practices: 92/100
Quick overview:
Trust and Safety
Does not use HTTPS
1 insecure request found
All sites should be protected with HTTPS, even ones that don't handle sensitive data. This includes avoiding mixed content, where some resources are loaded over HTTP despite the initial request being served over HTTPS. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. Learn more about HTTPS.
Ensure CSP is effective against XSS attacks
A strong Content Security Policy (CSP) significantly reduces the risk of cross-site scripting (XSS) attacks. Learn how to use a CSP to prevent XSS
General
Detected JavaScript libraries
All front-end JavaScript libraries detected on the page. Learn more about this JavaScript library detection diagnostic audit.
Mantine.dev Mobile PWA: 78/100
Quick overview:
PWA Optimized
Manifest doesn't have a maskable icon
A maskable icon ensures that the image fills the entire shape without being letterboxed when installing the app on a device. Learn about maskable manifest icons.
Does not register a service worker that controls page and `start_url`
The service worker is the technology that enables your app to use many Progressive Web App features, such as offline, add to homescreen, and push notifications. Learn more about Service Workers.
Mantine.dev Mobile Accessibility: 65/100
Quick overview:
ARIA
These are opportunities to improve the usage of ARIA in your application which may enhance the experience for users of assistive technology, like a screen reader.
ARIA input fields do not have accessible names
When an input field doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. Learn more about input field labels.
`[aria-*]` attributes do not match their roles
Each ARIA `role` supports a specific subset of `aria-*` attributes. Mismatching these invalidates the `aria-*` attributes. Learn how to match ARIA attributes to their roles.
Names and labels
These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.
Form elements do not have associated labels
Labels ensure that form controls are announced properly by assistive technologies, like screen readers. Learn more about form element labels.
Image elements do not have `[alt]` attributes
Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. Learn more about the `alt` attribute.
Buttons do not have an accessible name
When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn how to make buttons more accessible.
No form fields have multiple labels
Form fields with multiple labels can be confusingly announced by assistive technologies like screen readers which use either the first, the last, or all of the labels. Learn how to use form labels.
Best practices
These items highlight common accessibility best practices.
`[user-scalable="no"]` is used in the `<meta name="viewport">` element or the `[maximum-scale]` attribute is less than 5.
Disabling zooming is problematic for users with low vision who rely on screen magnification to properly see the contents of a web page. Learn more about the viewport meta tag.
Contrast
These are opportunities to improve the legibility of your content.
Background and foreground colors do not have a sufficient contrast ratio.
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
Similar tests
www.mantine.com
www.mantine.net
www.mantine.org
www.mantine.info
www.mantine.biz
www.mantine.us
www.mantine.mobi
www.antine.dev
www.mantine.dev
www.nantine.dev
www.mnantine.dev
www.nmantine.dev
www.jantine.dev
www.mjantine.dev
www.jmantine.dev
www.kantine.dev
www.mkantine.dev
www.kmantine.dev
www.mntine.dev
www.mqntine.dev
www.maqntine.dev
www.mqantine.dev
www.mwntine.dev
www.mawntine.dev
www.mwantine.dev
www.msntine.dev
www.masntine.dev
www.msantine.dev
www.mzntine.dev
www.mazntine.dev
www.mzantine.dev
www.matine.dev
www.mabtine.dev
www.manbtine.dev
www.mabntine.dev
www.mahtine.dev
www.manhtine.dev
www.mahntine.dev
www.majtine.dev
www.manjtine.dev
www.majntine.dev
www.mamtine.dev
www.manmtine.dev
www.mamntine.dev
www.manine.dev
www.manrine.dev
www.mantrine.dev
www.manrtine.dev
www.manfine.dev
www.mantfine.dev
www.manftine.dev
www.mangine.dev
www.mantgine.dev
www.mangtine.dev
www.manyine.dev
www.mantyine.dev
www.manytine.dev
www.mantne.dev
www.mantune.dev
www.mantiune.dev
www.mantuine.dev
www.mantjne.dev
www.mantijne.dev
www.mantjine.dev
www.mantkne.dev
www.mantikne.dev
www.mantkine.dev
www.mantone.dev
www.mantione.dev
www.mantoine.dev
www.mantie.dev
www.mantibe.dev
www.mantinbe.dev
www.mantibne.dev
www.mantihe.dev
www.mantinhe.dev
www.mantihne.dev
www.mantije.dev
www.mantinje.dev
www.mantime.dev
www.mantinme.dev
www.mantimne.dev
www.mantin.dev
www.mantinw.dev
www.mantinew.dev
www.mantinwe.dev
www.mantins.dev
www.mantines.dev
www.mantinse.dev
www.mantind.dev
www.mantined.dev
www.mantinde.dev
www.mantinr.dev
www.mantiner.dev
www.mantinre.dev
Last Tested: