Vitaly Rtishchev

Mantine - React components library with native dark theme support

by
Mantine is an open source React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience

Add a comment

Replies

Best
Vivek
This is a nice library with good documentation
Vitaly Rtishchev
@vivekweb2013 Thanks! Feel free to reach out on github if you need any help
Vivek
@vitaly_rtishchev sure thanks
Vitaly Rtishchev
Hi everyone 👋 My name is Vitaly and I am very excited to share my latest open source project – Mantine. Key features - Customization – colors, fonts, shadows and many other parts are customizable to fit your design needs - Dark theme – mantine supports dark theme by default in all components - Accessibility and usability – all components follow accessibility best practices and feature full keyboard support - TypeScript – all Mantine packages are built with TypeScript and support it by default - Ready for production – mantine is well tested and works in all modern browsers - Developer experience – mantine comes with more than 50 components and 15 hooks to cover you in most cases - No annoying focus ring – with new :focus-visible pseudo-class focus ring appears only when user navigates with keyboard - Built with react-jss – take advantage of all react-jss features: automatic critical css extraction during ssr, lazy evaluation, dynamic theming and others - React and Preact – mantine works flawlessly with preact - Fast – mantine does not have large dependencies (all packages weight less than 50kB together when gzipped) Some links to get you started: - Documentation - Examples - Components by category - Included hooks Thanks for stopping by and let me know what you think, I'm always open to feedback and critique.