| name | olore-mantine-latest |
| description | Local Mantine documentation reference (latest). Mantine is a React component library with 100+ UI components, hooks, form management, theming, dark mode, charts, date pickers, and extension packages. |
Mantine Documentation
Mantine is a React component library focused on developer experience. It provides 100+ UI components, 80+ hooks, a form management system, theming with dark mode, charts, date/time pickers, a scheduling calendar, and extension packages for carousels, notifications, modals, and more.
Quick Reference
| Task | Entry Point |
|---|
| Getting started / installation | contents/getting-started.mdx |
| Core components overview | contents/core/package.mdx |
| Hooks reference | contents/hooks/package.mdx |
| Form management | contents/form/use-form.mdx |
| Theming and dark mode | contents/theming/mantine-provider.mdx |
| Styling system | contents/styles/styles-overview.mdx |
| Charts | contents/charts/getting-started.mdx |
| Date/time pickers | contents/dates/getting-started.mdx |
| Extension packages | contents/x/extensions.mdx |
| Framework guides (Next.js, Vite, etc.) | contents/guides/next.mdx |
When to use
Use this skill when the user asks about:
- Mantine UI components (Button, Modal, Select, Table, Grid, etc.)
- Mantine hooks (use-disclosure, use-local-storage, use-hotkeys, etc.)
- Theming, dark mode, and color schemes
- Form handling with @mantine/form
- Styling with CSS variables, style props, and Styles API
- Charts (AreaChart, BarChart, LineChart, PieChart, etc.)
- Date and time picker components
- Extension packages (Carousel, Notifications, Spotlight, Dropzone, Tiptap)
- Framework integration (Next.js, Vite, React Router, Storybook)
- Migration between Mantine versions
How to find information
- First, read
TOC.md for complete file listing organized by directory
- Identify relevant section based on user's question
- Read specific files for details
TOC.md contains all files organized by directory - always check it first.
