AI agent skill · by @olorehq

Olore Mantine Latest

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.

Archived 2026-10-23 · Source updated 2026-09-18 · License: MIT. Check the original repository for the latest version.

SKILL.md instructions

# 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

1. **First**, read `TOC.md` for complete file listing organized by directory
2. Identify relevant section based on user's question
3. Read specific files for details

**TOC.md contains all files organized by directory - always check it first.**