Mantine 7.0 is out!
Migration to native CSS, improved color scheme management, headless/unstyled components, new Combobox component for custom selects and 50+ other improvments
⚡️ Mantine 7.4 is out!
New charts package, OKLCH colors support, autoContrast, improved color functions, enhanceGetInputProps, form.initialize and more
⚡️ Mantine 7.5 is out!
New PieChart and DonutChart components, text-wrap support on theme, consistent weeks option for Calendar based components, value formatter support for AreaChart and similar charts
⚡️ Mantine 7.2 it out!
Sass support, community templates, NumberFormatter component, form actions, improved Table component and more
Check out all new features –
Mantine 7.9 is out!
Emotion support (createStyles function, sx, styles props), React 18.3 support, use-field and use-matches hooks, custom mixins in postcss preset and more
⚡️ Introducing Mantine 4.0
New form and spotlight packages, 4 new components and hooks, various DX improvements and 20+ other new features
#javascript
#reactjs
#webdev
Mantine 7.11 is out!
Avatar with initials and generated colors, withProps function, Transition delay, BubbleChart component, new chart features and more
⚡️ Mantine 4.1 is out!
Improved AppShell with Aside and Footer support, classNames on MantineProvider, event based notifications, two new components and 10+ other features
#reactjs
#javascript
⚡️ Mantine 5.1 is out!
Colors index reference, touched and dirty state in form, rich text editor formats, two new hooks and 10+ new features
#reactjs
#javascript
#js
⚡️ Mantine 5.4 is out! validateInputOnBlur, Switch group, non-linear sliders, 10 new Mantine UI components and 15+ other new features.
#reactjs
#javascript
⚡️ Mantine 4.2 is out!
Indicator component, use-network and use-focus-within hooks, configurable primary color shade option and other new features
#reactjs
#javascript
⚡️ Mantine 5.2 is out!
Styled components syntax support for styling, use-form hook improvements, custom themes for prism, tooltips for Progress and RingProgress components and 10+ other new features
#reactjs
#javascript
⚡️ Introducing Mantine UI
Mantine UI is a set of more than 120 responsive components built with Mantine, free for everyone.
#javascript
#reactjs
#webdev
⚡️ Mantine 5.3 is out! Form context management, Switch, Grid and Indicator components improvements, new hook and 10+ other changes
#reactjs
#javascript
⚡️Introducing Mantine
We are very excited to share that today 1.0.0 version of Mantine was published.
Mantine is a React library with 60+ components and hooks. It has native dark theme support and focuses on accessibility and usability.
#reactjs
⚡️ Mantine 3.2 is out!
Theme functions, free form date picker, new package to manage modals, 4 new components and hooks: TransferList, Stepper, use-os, use-set-state and 20+ other improvements
#reactjs
#javascript
⚡️ Mantine 3.5 is out!
Organize code with tabs in Prism, Switch on/off labels, mentions support in RichTextEditor and 30+ other new features
#Reactjs
#javascript
⚡️ Mantine 3.1 is out!
Styles API on MantineProvider, sx prop on all components, AppShell, Skeleton, new hooks and components and 10 more new features and improvements
#reactjs
#javascript
⚡️ Mantine 3.3 is out!
New ScrollArea component, custom scrollbars for Select and MultiSelect by default, use-form hook API improvements and 30+ other improvements
⚡️ Mantine 2.4.0 is out!
New responsive Grid and SimpleGrid components, gradients support, components redesigns and more than 20 other changes
#ReactJS
#javascript
Mantine 2.0 is out – 2 new packages and lots of new components and hooks – date pickers, calendars, custom select and autocomplete + Styles API let's you style any part of component with inline styles or classNames
#reactjs
⚡️ Mantine 2.1.0 is out
3 new hooks and new components features:
- use-intersection – wrapper for Intersection Observer
- use-hotkeys – subscribe to multiple hotkeys with single hook
- use-hash – get and set hash in url
#reactjs
Features:
- Customize colors, fonts, shadows and other parts
- Dark theme is supported by default in all components
- Components follow accessibility best practices and feature full keyboard support
- Ready for production – well tested, works in all modes browsers
@electroheadfx
Mantine is built with css-in-js (emotion), emotion styled provides just another way of structuring your styles, there are no difference in performance.
- Works everywhere – Mantine works with Next, Gatsby and Preact
- Made with react-jss: critical css extraction during ssr, lazy evaluation, dynamic theming and others features
- No useless focus ring – focus styles are applied only when user navigates with keyboard