# Mantine

> Mantine UI - LLM Documentation documentation and resources. Use this skill when working with Mantine UI - LLM Documentation or when the user mentions mantine ui - llm documentation.

- Skill: `hk-vk/mantine` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add hk-vk/mantine`
- Raw SKILL.md: https://api.skillmd.com/api/skills/hk-vk/mantine/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: hk-vk (https://skillmd.com/u/hk-vk)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/hk-vk/mantine

---


# Mantine UI - LLM Documentation

## Available Resources

### Core

- **Accordion**: Divide content into collapsible sections
  - URL: https://mantine.dev/llms/core-accordion.md

- **ActionIcon**: Icon button
  - URL: https://mantine.dev/llms/core-action-icon.md

- **Affix**: Renders children inside portal at fixed position
  - URL: https://mantine.dev/llms/core-affix.md

- **Alert**: Attract user attention with important static message
  - URL: https://mantine.dev/llms/core-alert.md

- **Anchor**: Display link with theme styles
  - URL: https://mantine.dev/llms/core-anchor.md

- **AngleSlider**: Pick angle value between 0 and 360
  - URL: https://mantine.dev/llms/core-angle-slider.md

- **AppShell**: Responsive shell for your application with header, navbar, aside and footer
  - URL: https://mantine.dev/llms/core-app-shell.md

- **AspectRatio**: Maintain responsive consistent width/height ratio
  - URL: https://mantine.dev/llms/core-aspect-ratio.md

- **Autocomplete**: Autocomplete user input with any list of options
  - URL: https://mantine.dev/llms/core-autocomplete.md

- **Avatar**: Display user profile image, initials or fallback icon
  - URL: https://mantine.dev/llms/core-avatar.md

- **BackgroundImage**: Displays image as background
  - URL: https://mantine.dev/llms/core-background-image.md

- **Badge**: Display badge, pill or tag
  - URL: https://mantine.dev/llms/core-badge.md

- **Blockquote**: Blockquote with optional cite
  - URL: https://mantine.dev/llms/core-blockquote.md

- **Box**: Base component for all Mantine components
  - URL: https://mantine.dev/llms/core-box.md

- **Breadcrumbs**: Separates list of react nodes with given separator
  - URL: https://mantine.dev/llms/core-breadcrumbs.md

- **Burger**: Open/close navigation button
  - URL: https://mantine.dev/llms/core-burger.md

- **Button**: Button component to render button or link
  - URL: https://mantine.dev/llms/core-button.md

- **Card**: Card with sections
  - URL: https://mantine.dev/llms/core-card.md

- **Center**: Centers content vertically and horizontally
  - URL: https://mantine.dev/llms/core-center.md

- **Checkbox**: Capture boolean input from user
  - URL: https://mantine.dev/llms/core-checkbox.md

- **Chip**: Pick one or multiple values with inline controls
  - URL: https://mantine.dev/llms/core-chip.md

- **CloseButton**: Button with close icon
  - URL: https://mantine.dev/llms/core-close-button.md

- **Code**: Inline and block code
  - URL: https://mantine.dev/llms/core-code.md

- **Collapse**: Animate presence with slide down/up transition
  - URL: https://mantine.dev/llms/core-collapse.md

- **ColorInput**: Capture color from user
  - URL: https://mantine.dev/llms/core-color-input.md

- **ColorPicker**: Pick colors in hex(a), rgb(a), hsl(a) and hsv(a) formats
  - URL: https://mantine.dev/llms/core-color-picker.md

- **ColorSwatch**: Displays color
  - URL: https://mantine.dev/llms/core-color-swatch.md

- **Combobox**: Create custom select, autocomplete or multiselect inputs
  - URL: https://mantine.dev/llms/core-combobox.md

- **Container**: Center content with padding and max-width
  - URL: https://mantine.dev/llms/core-container.md

- **CopyButton**: Copies given text to clipboard
  - URL: https://mantine.dev/llms/core-copy-button.md

- **CorePackage**
  - URL: https://mantine.dev/llms/core-package.md

- **Dialog**: Display a fixed overlay dialog at any side of the screen
  - URL: https://mantine.dev/llms/core-dialog.md

- **Divider**: Horizontal line with optional label or vertical divider
  - URL: https://mantine.dev/llms/core-divider.md

- **Drawer**: Display overlay area at any side of the screen
  - URL: https://mantine.dev/llms/core-drawer.md

- **Fieldset**: Group related elements in a form
  - URL: https://mantine.dev/llms/core-fieldset.md

- **FileButton**: Open file picker with a button click
  - URL: https://mantine.dev/llms/core-file-button.md

- **FileInput**: Capture files from user
  - URL: https://mantine.dev/llms/core-file-input.md

- **Flex**: Compose elements in a flex container
  - URL: https://mantine.dev/llms/core-flex.md

- **FloatingIndicator**: Display a floating indicator over a group of elements
  - URL: https://mantine.dev/llms/core-floating-indicator.md

- **FocusTrap**: Trap focus at child node
  - URL: https://mantine.dev/llms/core-focus-trap.md

- **Grid**: Responsive 12 columns grid system
  - URL: https://mantine.dev/llms/core-grid.md

- **Group**: Compose elements and components in a horizontal flex container
  - URL: https://mantine.dev/llms/core-group.md

- **Highlight**: Highlight given part of a string with mark
  - URL: https://mantine.dev/llms/core-highlight.md

- **HoverCard**: Display popover section when target element is hovered
  - URL: https://mantine.dev/llms/core-hover-card.md

- **Image**: Image with optional fallback
  - URL: https://mantine.dev/llms/core-image.md

- **Indicator**: Display element at the corner of another element
  - URL: https://mantine.dev/llms/core-indicator.md

- **Input**: Base component to create custom inputs
  - URL: https://mantine.dev/llms/core-input.md

- **JsonInput**: Capture json data from user
  - URL: https://mantine.dev/llms/core-json-input.md

- **Kbd**: Display keyboard key
  - URL: https://mantine.dev/llms/core-kbd.md

- **List**: Display ordered or unordered list
  - URL: https://mantine.dev/llms/core-list.md

- **Loader**: Indicate loading state
  - URL: https://mantine.dev/llms/core-loader.md

- **LoadingOverlay**: An overlay with centered loader
  - URL: https://mantine.dev/llms/core-loading-overlay.md

- **Mark**: Highlight part of the text
  - URL: https://mantine.dev/llms/core-mark.md

- **Menu**: Combine a list of secondary actions into single interactive area
  - URL: https://mantine.dev/llms/core-menu.md

- **Modal**: An accessible overlay dialog
  - URL: https://mantine.dev/llms/core-modal.md

- **MultiSelect**: Custom searchable multi select
  - URL: https://mantine.dev/llms/core-multi-select.md

- **NativeSelect**: Native select element based on Input
  - URL: https://mantine.dev/llms/core-native-select.md

- **NavLink**: Navigation link
  - URL: https://mantine.dev/llms/core-nav-link.md

- **Notification**: Show dynamic notifications and alerts to user, part of notifications system
  - URL: https://mantine.dev/llms/core-notification.md

- **NumberFormatter**: Format number with thousands/decimal separators and suffix/prefix
  - URL: https://mantine.dev/llms/core-number-formatter.md

- **NumberInput**: Capture number from user
  - URL: https://mantine.dev/llms/core-number-input.md

- **Overlay**: Overlays parent element with div element with any color and opacity
  - URL: https://mantine.dev/llms/core-overlay.md

- **Pagination**: Display active page and navigate between multiple pages
  - URL: https://mantine.dev/llms/core-pagination.md

- **Paper**: Renders white or dark background depending on color scheme
  - URL: https://mantine.dev/llms/core-paper.md

- **PasswordInput**: Capture password data from user
  - URL: https://mantine.dev/llms/core-password-input.md

- **Pill**: Removable and non-removable tags
  - URL: https://mantine.dev/llms/core-pill.md

- **PillsInput**: Base component for custom tags inputs and multi selects
  - URL: https://mantine.dev/llms/core-pills-input.md

- **PinInput**: Capture pin code or one time password from the user
  - URL: https://mantine.dev/llms/core-pin-input.md

- **Popover**: Display popover section relative to given target element
  - URL: https://mantine.dev/llms/core-popover.md

- **Portal**: Renders component outside of parent element tree
  - URL: https://mantine.dev/llms/core-portal.md

- **Progress**: Give user feedback for status of the task
  - URL: https://mantine.dev/llms/core-progress.md

- **Radio**: Wrapper for input type radio
  - URL: https://mantine.dev/llms/core-radio.md

- **RangeSlider**: RangeSlider component
  - URL: https://mantine.dev/llms/core-range-slider.md

- **Rating**: Pick and display rating
  - URL: https://mantine.dev/llms/core-rating.md

- **RingProgress**: Give user feedback for status of the task with circle diagram
  - URL: https://mantine.dev/llms/core-ring-progress.md

- **ScrollArea**: Area with custom scrollbars
  - URL: https://mantine.dev/llms/core-scroll-area.md

- **SegmentedControl**: A linear set of two or more segments
  - URL: https://mantine.dev/llms/core-segmented-control.md

- **Select**: Custom searchable select
  - URL: https://mantine.dev/llms/core-select.md

- **SemiCircleProgress**: Represent progress with semi circle diagram
  - URL: https://mantine.dev/llms/core-semi-circle-progress.md

- **SimpleGrid**: Responsive grid in which each item takes equal amount of space
  - URL: https://mantine.dev/llms/core-simple-grid.md

- **Skeleton**: Indicate content loading state
  - URL: https://mantine.dev/llms/core-skeleton.md

- **Slider**: Slider component
  - URL: https://mantine.dev/llms/core-slider.md

- **Space**: Add horizontal or vertical spacing from theme
  - URL: https://mantine.dev/llms/core-space.md

- **Spoiler**: Hide long sections of content under a spoiler
  - URL: https://mantine.dev/llms/core-spoiler.md

- **Stack**: Compose elements and components in a vertical flex container
  - URL: https://mantine.dev/llms/core-stack.md

- **Stepper**: Display content divided into a steps sequence
  - URL: https://mantine.dev/llms/core-stepper.md

- **Switch**: Capture boolean input from user
  - URL: https://mantine.dev/llms/core-switch.md

- **Table**: Render table with theme styles
  - URL: https://mantine.dev/llms/core-table.md

- **TableOfContents**: Renders a list of headings on the page and tracks current heading visible in the viewport
  - URL: https://mantine.dev/llms/core-table-of-contents.md

- **Tabs**: Switch between different views
  - URL: https://mantine.dev/llms/core-tabs.md

- **TagsInput**: Capture a list of values from user with free input and suggestions
  - URL: https://mantine.dev/llms/core-tags-input.md

- **Text**: Display text
  - URL: https://mantine.dev/llms/core-text.md

- **Textarea**: Autosize or regular textarea
  - URL: https://mantine.dev/llms/core-textarea.md

- **TextInput**: Capture string input from user
  - URL: https://mantine.dev/llms/core-text-input.md

- **ThemeIcon**: Render icon inside element with theme colors
  - URL: https://mantine.dev/llms/core-theme-icon.md

- **Timeline**: Display list of events in chronological order
  - URL: https://mantine.dev/llms/core-timeline.md

- **Title**: h1-h6 heading
  - URL: https://mantine.dev/llms/core-title.md

- **Tooltip**: Renders tooltip at given element on mouse over or other event
  - URL: https://mantine.dev/llms/core-tooltip.md

- **Transition**: Animate presence of component with pre-made animations
  - URL: https://mantine.dev/llms/core-transition.md

- **Tree**: Display a Tree structure
  - URL: https://mantine.dev/llms/core-tree.md

- **Typography**: Styles provider for html content
  - URL: https://mantine.dev/llms/core-typography.md

- **UnstyledButton**: Unstyled polymorphic button
  - URL: https://mantine.dev/llms/core-unstyled-button.md

- **VisuallyHidden**: Hide element visually but keep it accessible for screen readers
  - URL: https://mantine.dev/llms/core-visually-hidden.md

### Hooks

- **HooksPackage**
  - URL: https://mantine.dev/llms/hooks-package.md

- **use-element-size**: Returns element width and height and observes changes with ResizeObserver
  - URL: https://mantine.dev/llms/hooks-use-element-size.md

- **useClickOutside**
  - URL: https://mantine.dev/llms/hooks-use-click-outside.md

- **useClipboard**
  - URL: https://mantine.dev/llms/hooks-use-clipboard.md

- **useColorScheme**
  - URL: https://mantine.dev/llms/hooks-use-color-scheme.md

- **useCounter**
  - URL: https://mantine.dev/llms/hooks-use-counter.md

- **useDebouncedCallback**
  - URL: https://mantine.dev/llms/hooks-use-debounced-callback.md

- **useDebouncedState**
  - URL: https://mantine.dev/llms/hooks-use-debounced-state.md

- **useDebouncedValue**
  - URL: https://mantine.dev/llms/hooks-use-debounced-value.md

- **useDidUpdate**
  - URL: https://mantine.dev/llms/hooks-use-did-update.md

- **useDisclosure**
  - URL: https://mantine.dev/llms/hooks-use-disclosure.md

- **useDocumentTitle**
  - URL: https://mantine.dev/llms/hooks-use-document-title.md

- **useDocumentVisibility**
  - URL: https://mantine.dev/llms/hooks-use-document-visibility.md

- **useEventListener**
  - URL: https://mantine.dev/llms/hooks-use-event-listener.md

- **useEyeDropper**
  - URL: https://mantine.dev/llms/hooks-use-eye-dropper.md

- **useFavicon**
  - URL: https://mantine.dev/llms/hooks-use-favicon.md

- **useFetch**
  - URL: https://mantine.dev/llms/hooks-use-fetch.md

- **useFileDialog**
  - URL: https://mantine.dev/llms/hooks-use-file-dialog.md

- **useFocusReturn**
  - URL: https://mantine.dev/llms/hooks-use-focus-return.md

- **useFocusTrap**
  - URL: https://mantine.dev/llms/hooks-use-focus-trap.md

- **useFocusWithin**
  - URL: https://mantine.dev/llms/hooks-use-focus-within.md

- **useForceUpdate**
  - URL: https://mantine.dev/llms/hooks-use-force-update.md

- **useFullscreen**
  - URL: https://mantine.dev/llms/hooks-use-fullscreen.md

- **useHash**
  - URL: https://mantine.dev/llms/hooks-use-hash.md

- **useHeadroom**
  - URL: https://mantine.dev/llms/hooks-use-headroom.md

- **useHotkeys**
  - URL: https://mantine.dev/llms/hooks-use-hotkeys.md

- **useHover**
  - URL: https://mantine.dev/llms/hooks-use-hover.md

- **useId**
  - URL: https://mantine.dev/llms/hooks-use-id.md

- **useIdle**
  - URL: https://mantine.dev/llms/hooks-use-idle.md

- **useInputState**
  - URL: https://mantine.dev/llms/hooks-use-input-state.md

- **useIntersection**
  - URL: https://mantine.dev/llms/hooks-use-intersection.md

- **useInterval**
  - URL: https://mantine.dev/llms/hooks-use-interval.md

- **useInViewport**
  - URL: https://mantine.dev/llms/hooks-use-in-viewport.md

- **useIsFirstRender**
  - URL: https://mantine.dev/llms/hooks-use-is-first-render.md

- **useIsomorphicEffect**
  - URL: https://mantine.dev/llms/hooks-use-isomorphic-effect.md

- **useListState**
  - URL: https://mantine.dev/llms/hooks-use-list-state.md

- **useLocalStorage**
  - URL: https://mantine.dev/llms/hooks-use-local-storage.md

- **useLogger**
  - URL: https://mantine.dev/llms/hooks-use-logger.md

- **useLongPress**
  - URL: https://mantine.dev/llms/hooks-use-long-press.md

- **useMap**
  - URL: https://mantine.dev/llms/hooks-use-map.md

- **useMediaQuery**
  - URL: https://mantine.dev/llms/hooks-use-media-query.md

- **useMergedRef**
  - URL: https://mantine.dev/llms/hooks-use-merged-ref.md

- **useMounted**
  - URL: https://mantine.dev/llms/hooks-use-mounted.md

- **useMouse**
  - URL: https://mantine.dev/llms/hooks-use-mouse.md

- **useMove**
  - URL: https://mantine.dev/llms/hooks-use-move.md

- **useMutationObserver**
  - URL: https://mantine.dev/llms/hooks-use-mutation-observer.md

- **useNetwork**
  - URL: https://mantine.dev/llms/hooks-use-network.md

- **useOrientation**
  - URL: https://mantine.dev/llms/hooks-use-orientation.md

- **useOs**
  - URL: https://mantine.dev/llms/hooks-use-os.md

- **usePageLeave**
  - URL: https://mantine.dev/llms/hooks-use-page-leave.md

- **usePagination**
  - URL: https://mantine.dev/llms/hooks-use-pagination.md

- **usePrevious**
  - URL: https://mantine.dev/llms/hooks-use-previous.md

- **useQueue**
  - URL: https://mantine.dev/llms/hooks-use-queue.md

- **useRadialMove**
  - URL: https://mantine.dev/llms/hooks-use-radial-move.md

- **useReducedMotion**
  - URL: https://mantine.dev/llms/hooks-use-reduced-motion.md

- **useResizeObserver**
  - URL: https://mantine.dev/llms/hooks-use-resize-observer.md

- **useScrollIntoView**
  - URL: https://mantine.dev/llms/hooks-use-scroll-into-view.md

- **useScrollSpy**
  - URL: https://mantine.dev/llms/hooks-use-scroll-spy.md

- **useSelection**
  - URL: https://mantine.dev/llms/hooks-use-selection.md

- **useSet**
  - URL: https://mantine.dev/llms/hooks-use-set.md

- **useSetState**
  - URL: https://mantine.dev/llms/hooks-use-set-state.md

- **useShallowEffect**
  - URL: https://mantine.dev/llms/hooks-use-shallow-effect.md

- **useStateHistory**
  - URL: https://mantine.dev/llms/hooks-use-state-history.md

- **useTextSelection**
  - URL: https://mantine.dev/llms/hooks-use-text-selection.md

- **useThrottledCallback**
  - URL: https://mantine.dev/llms/hooks-use-throttled-callback.md

- **useThrottledState**
  - URL: https://mantine.dev/llms/hooks-use-throttled-state.md

- **useThrottledValue**
  - URL: https://mantine.dev/llms/hooks-use-throttled-value.md

- **useTimeout**
  - URL: https://mantine.dev/llms/hooks-use-timeout.md

- **useToggle**
  - URL: https://mantine.dev/llms/hooks-use-toggle.md

- **useUncontrolled**
  - URL: https://mantine.dev/llms/hooks-use-uncontrolled.md

- **useValidatedState**
  - URL: https://mantine.dev/llms/hooks-use-validated-state.md

- **useViewportSize**
  - URL: https://mantine.dev/llms/hooks-use-viewport-size.md

- **useWindowEvent**
  - URL: https://mantine.dev/llms/hooks-use-window-event.md

- **useWindowScroll**
  - URL: https://mantine.dev/llms/hooks-use-window-scroll.md

### Dates

- **Calendar**: Base component for custom date pickers
  - URL: https://mantine.dev/llms/dates-calendar.md

- **DateInput**: Free form date input
  - URL: https://mantine.dev/llms/dates-date-input.md

- **DatePicker**: Inline date, multiple dates and dates range picker
  - URL: https://mantine.dev/llms/dates-date-picker.md

- **DatePickerInput**: Date, multiple dates and dates range picker input
  - URL: https://mantine.dev/llms/dates-date-picker-input.md

- **DateTimePicker**: Capture datetime from the user
  - URL: https://mantine.dev/llms/dates-date-time-picker.md

- **GettingStartedDates**
  - URL: https://mantine.dev/llms/dates-getting-started.md

- **MiniCalendar**: Compact calendar to display a small number of days in a row
  - URL: https://mantine.dev/llms/dates-mini-calendar.md

- **MonthPicker**: Inline month, multiple months and months range picker
  - URL: https://mantine.dev/llms/dates-month-picker.md

- **MonthPickerInput**: Month, multiple months and months range picker input
  - URL: https://mantine.dev/llms/dates-month-picker-input.md

- **TimeGrid**: Captures time value from the user with a predefined set of options
  - URL: https://mantine.dev/llms/dates-time-grid.md

- **TimeInput**: Capture time from the user
  - URL: https://mantine.dev/llms/dates-time-input.md

- **TimePicker**: Captures time value from the user
  - URL: https://mantine.dev/llms/dates-time-picker.md

- **TimeValue**: Display a formatted time value
  - URL: https://mantine.dev/llms/dates-time-value.md

- **YearPicker**: Inline year, multiple years and years range picker
  - URL: https://mantine.dev/llms/dates-year-picker.md

- **YearPickerInput**: Inline year, multiple years and years range picker
  - URL: https://mantine.dev/llms/dates-year-picker-input.md

### Charts

- **AreaChart**: Area chart component with stacked, percent and split variants
  - URL: https://mantine.dev/llms/charts-area-chart.md

- **BarChart**: Bar chart component with stacked and percent variants
  - URL: https://mantine.dev/llms/charts-bar-chart.md

- **BubbleChart**: Bubble chart component
  - URL: https://mantine.dev/llms/charts-bubble-chart.md

- **CompositeChart**: Composed chart with support for Area, Bar and Line charts
  - URL: https://mantine.dev/llms/charts-composite-chart.md

- **DonutChart**: Donut chart component
  - URL: https://mantine.dev/llms/charts-donut-chart.md

- **FunnelChart**: Funnel chart component
  - URL: https://mantine.dev/llms/charts-funnel-chart.md

- **GettingStartedCharts**
  - URL: https://mantine.dev/llms/charts-getting-started.md

- **Heatmap**: Heatmap chart component
  - URL: https://mantine.dev/llms/charts-heatmap.md

- **LineChart**: Line chart component
  - URL: https://mantine.dev/llms/charts-line-chart.md

- **PieChart**: Pie chart component
  - URL: https://mantine.dev/llms/charts-pie-chart.md

- **RadarChart**: Radar chart component
  - URL: https://mantine.dev/llms/charts-radar-chart.md

- **RadialBarChart**: Radial bar chart component
  - URL: https://mantine.dev/llms/charts-radial-bar-chart.md

- **ScatterChart**: Scatter chart component
  - URL: https://mantine.dev/llms/charts-scatter-chart.md

- **Sparkline**: Simplified area chart to show trends
  - URL: https://mantine.dev/llms/charts-sparkline.md

### Guides

- **FunctionsReference**
  - URL: https://mantine.dev/llms/guides-functions-reference.md

- **Gatsby**
  - URL: https://mantine.dev/llms/guides-gatsby.md

- **Icons**
  - URL: https://mantine.dev/llms/guides-icons.md

- **JavaScript**
  - URL: https://mantine.dev/llms/guides-javascript.md

- **Jest**
  - URL: https://mantine.dev/llms/guides-jest.md

- **LLMDocumentation**
  - URL: https://mantine.dev/llms/guides-llms.md

- **NextJs**
  - URL: https://mantine.dev/llms/guides-next.md

- **Polymorphic**
  - URL: https://mantine.dev/llms/guides-polymorphic.md

- **ReactRouter**
  - URL: https://mantine.dev/llms/guides-react-router.md

- **Redwood**
  - URL: https://mantine.dev/llms/guides-redwood.md

- **SevenToEight**
  - URL: https://mantine.dev/llms/guides-7x-to-8x.md

- **SixToSeven**
  - URL: https://mantine.dev/llms/guides-6x-to-7x.md

- **Storybook**
  - URL: https://mantine.dev/llms/guides-storybook.md

- **Tiptap3Migration**
  - URL: https://mantine.dev/llms/guides-tiptap-3-migration.md

- **TypeScript**
  - URL: https://mantine.dev/llms/guides-typescript.md

- **Vite**
  - URL: https://mantine.dev/llms/guides-vite.md

- **Vitest**
  - URL: https://mantine.dev/llms/guides-vitest.md

### Theming

- **Colors**
  - URL: https://mantine.dev/llms/theming-colors.md

- **ColorSchemes**
  - URL: https://mantine.dev/llms/theming-color-schemes.md

- **DefaultProps**
  - URL: https://mantine.dev/llms/theming-default-props.md

- **MantineProvider**
  - URL: https://mantine.dev/llms/theming-mantine-provider.md

- **ThemeObject**
  - URL: https://mantine.dev/llms/theming-theme-object.md

- **Typography**: Styles provider for html content
  - URL: https://mantine.dev/llms/theming-typography.md

### Styles

- **ColorFunctions**
  - URL: https://mantine.dev/llms/styles-color-functions.md

- **CSSFilesList**
  - URL: https://mantine.dev/llms/styles-css-files-list.md

- **CSSModules**
  - URL: https://mantine.dev/llms/styles-css-modules.md

- **CssVariables**
  - URL: https://mantine.dev/llms/styles-css-variables.md

- **CSSVariablesList**
  - URL: https://mantine.dev/llms/styles-css-variables-list.md

- **DataAttributes**
  - URL: https://mantine.dev/llms/styles-data-attributes.md

- **Emotion**
  - URL: https://mantine.dev/llms/styles-emotion.md

- **GlobalStyles**
  - URL: https://mantine.dev/llms/styles-global-styles.md

- **MantineStyles**
  - URL: https://mantine.dev/llms/styles-mantine-styles.md

- **PostCSSPreset**
  - URL: https://mantine.dev/llms/styles-postcss-preset.md

- **Rem**
  - URL: https://mantine.dev/llms/styles-rem.md

- **ResponsiveStyles**
  - URL: https://mantine.dev/llms/styles-responsive.md

- **Rtl**
  - URL: https://mantine.dev/llms/styles-rtl.md

- **StyleProp**
  - URL: https://mantine.dev/llms/styles-style.md

- **StyleProps**
  - URL: https://mantine.dev/llms/styles-style-props.md

- **StylesApi**
  - URL: https://mantine.dev/llms/styles-styles-api.md

- **StylesOverview**
  - URL: https://mantine.dev/llms/styles-styles-overview.md

- **StylesPerformance**
  - URL: https://mantine.dev/llms/styles-styles-performance.md

- **UnstyledComponents**
  - URL: https://mantine.dev/llms/styles-unstyled.md

- **UsageWithSass**
  - URL: https://mantine.dev/llms/styles-sass.md

- **VanillaExtract**
  - URL: https://mantine.dev/llms/styles-vanilla-extract.md

- **VariantsAndSizes**
  - URL: https://mantine.dev/llms/styles-variants-sizes.md

### X

- **Carousel**: Embla based carousel component
  - URL: https://mantine.dev/llms/x-carousel.md

- **CodeHighlight**: Highlight code with shiki or highlight.js
  - URL: https://mantine.dev/llms/x-code-highlight.md

- **Dropzone**: Capture files from user with drag and drop
  - URL: https://mantine.dev/llms/x-dropzone.md

- **ExtensionsPackage**
  - URL: https://mantine.dev/llms/x-extensions.md

- **Modals manager**: Centralized modals manager with option to handle state of multi-step modals
  - URL: https://mantine.dev/llms/x-modals.md

- **NavigationProgress**: Navigation progress bar
  - URL: https://mantine.dev/llms/x-nprogress.md

- **Notifications system**: Mantine notifications system
  - URL: https://mantine.dev/llms/x-notifications.md

- **Rich text editor**: Tiptap based rich text editor
  - URL: https://mantine.dev/llms/x-tiptap.md

- **Spotlight**: Command center for your application
  - URL: https://mantine.dev/llms/x-spotlight.md

### Other

- **About**
  - URL: https://mantine.dev/llms/about.md

- **BrowserSupport**
  - URL: https://mantine.dev/llms/browser-support.md

- **Contribute**
  - URL: https://mantine.dev/llms/contribute.md

- **EslintConfig**
  - URL: https://mantine.dev/llms/eslint-config-mantine.md

- **Form context**: Add context support to use-form with createFormContext
  - URL: https://mantine.dev/llms/form-create-form-context.md

- **formActions**
  - URL: https://mantine.dev/llms/form-actions.md

- **formErrors**
  - URL: https://mantine.dev/llms/form-errors.md

- **formGetInputProps**
  - URL: https://mantine.dev/llms/form-get-input-props.md

- **formNested**
  - URL: https://mantine.dev/llms/form-nested.md

- **formRecipes**
  - URL: https://mantine.dev/llms/form-recipes.md

- **formSchemaValidation**
  - URL: https://mantine.dev/llms/form-schema-validation.md

- **formStatus**
  - URL: https://mantine.dev/llms/form-status.md

- **formUncontrolled**
  - URL: https://mantine.dev/llms/form-uncontrolled.md

- **formValidation**
  - URL: https://mantine.dev/llms/form-validation.md

- **formValidators**
  - URL: https://mantine.dev/llms/form-validators.md

- **formValues**
  - URL: https://mantine.dev/llms/form-values.md

- **GettingStarted**
  - URL: https://mantine.dev/llms/getting-started.md

- **HooksPackage**
  - URL: https://mantine.dev/llms/form-package.md

- **NotFound**
  - URL: https://mantine.dev/llms/404.md

- **Support**
  - URL: https://mantine.dev/llms/support.md

- **use-field**: use-field hook – manage single field state
  - URL: https://mantine.dev/llms/form-use-field.md

- **use-form**: Manage form state
  - URL: https://mantine.dev/llms/form-use-form.md

## How to Use This Skill

Reference these resources when working with Mantine UI - LLM Documentation.