Mantine llms.txt · AI Docs Browser · mdream [llms.txt Tools](https://mdream.dev/llms-txt/mantine/llms-txt) # Mantine llms.txt Browse Mantine documentation as markdown. Click any page in the sidebar to view it, or copy the full llms.txt for your AI tools. mantine.dev/llms.txt [Raw llms.txt](https://mantine.dev/llms.txt) [Raw llms-full.txt](https://mantine.dev/llms-full.txt) Copy Markdown [](https://mantine.dev/llms.txt) llms.txt FAQ Are Mantine components accessible? Browser zooms in when input is focused. What should I do? Can I have color schemes other than light and dark? Can I have different primary color for light and dark color schemes? Can I remove MultiSelect placeholder when the component has selected values? Can I use an array of strings as a list in use-form? Can I use Mantine components as server components? Can I use Mantine with Astro? Can I use Mantine with Create React App (CRA)? Can I use Mantine with Emotion/styled-components/tailwindcss? Can I use Mantine with Vue/Svelte/Angular/etc.? Can I use nested inline styles with Mantine components? Can I use PostCSS function in inline styles? Can I use private CSS variables to style components? Can I use SegmentedControl with empty value? How can I add dynamic CSS styles? How can I add fuzzy search to Select component? How can I add hover styles to an element? How can I apply styles to all Mantine components? How can I change body background color? How can I change component color prop value depending on the color scheme? How can I change input focus styles? How can I change Tabs border color? How can I contribute to the library? How can I disable all inputs/input groups inside a form? How can I display different elements in light and dark color schemes? How can I focus the first input with error with use-form? How can I get current color scheme value in JavaScript? How can I lint CSS files? How can I load fonts in Next.js? How can I load fonts in React Router? How can I load fonts in Vite? How can I lock scroll in my application? How can I submit a template to Mantine documentation? How can I test Modal/Drawer/Popover components? How can I test Select/MultiSelect components? How can I upload files from Dropzone component? How is that thing done on the mantine.dev website? How to align input with a button in a flex container? How to call a function when Modal/Drawer closes and animation completes? How to change background color for FiveM? How to change input placeholder color? How to integrate custom input with use-form hook? How to prevent Modal from closing? How to scroll to the top of the form if the form is submitted with errors? How to update Mantine dependencies? How to use Dropzone with @mantine/form? How to use Mantine template on GitHub? I get hydration warning about data-mantine-color-scheme attribute, what does it mean? Is there a comparison with other libraries? Is there a floating action button component? Is there DataGrid component that I can use with Mantine? It is not possible to pinch to zoom when a Modal is opened. What should I do? MantineProvider was not found in component tree. What should I do? My buttons are transparent and the background is visible only on hover, what is wrong? My Popover dropdown closes when I click on the dropdown of a nested Popover My styles are broken with disabled JavaScript. What should I do? My styles are overridden by Mantine components styles, what should I do? Native browser validation does not work in some components, what should I do? The use-local-storage hook returns the real value only after mounting. Is it a bug? What is the difference between searchable Select and Autocomplete? Where can I find the roadmap? Why are my Carousel slides in vertical orientation? Why are my notifications displayed at the wrong position? Why can I not use one polymorphic component in the component prop of another polymorphic component? Why can I not use value/label data structure with Autocomplete/TagsInput? Why can VSCode not autoimport the Text component? Why do I see color scheme flickering on page load? Why do my dates components look broken? Why does FileButton not work in Menu? Why is it required to have 10 shades per color? Why is my screen completely empty after I Core Accordion ActionIcon Affix Alert AlphaSlider Anchor AngleSlider AppShell AspectRatio Autocomplete Avatar BackgroundImage Badge Blockquote Box Breadcrumbs Burger Button Card Center Checkbox Chip CloseButton Code Collapse ColorInput ColorPicker ColorSwatch Combobox ComboboxPopover Container CopyButton CorePackage DataList Dialog Divider Drawer EmptyState Fieldset FileButton FileInput Flex FloatingIndicator FloatingWindow FocusTrap Grid Group Highlight HoverCard HueSlider Image Indicator Input JsonInput Kbd List Loader LoadingOverlay Mark Marquee MaskInput Menu Menubar Modal MultiSelect NativeSelect NavLink Notification NumberFormatter NumberInput OverflowList Overlay Pagination Paper PasswordInput Pill PillsInput PinInput Popover Portal Progress Radio RangeSlider Rating RingProgress RollingNumber ScrollArea Scroller SegmentedControl Select SemiCircleProgress SimpleGrid Skeleton Slider Space Splitter Spoiler Stack Stepper Switch Table TableOfContents Tabs TagsInput Text Textarea TextInput ThemeIcon Timeline Title Tooltip Transition Tree TreeSelect Typography UnstyledButton VisuallyHidden Hooks HooksPackage use-element-size useClickOutside useClipboard useCollapse useColorScheme useCounter useDebouncedCallback useDebouncedState useDebouncedValue useDidUpdate useDisclosure useDocumentTitle useDocumentVisibility useDrag useEventListener useEyeDropper useFavicon useFetch useFileDialog useFloatingWindow useFocusReturn useFocusTrap useFocusWithin useForceUpdate useFullscreen useHash useHeadroom useHotkeys useHover useId useIdle useInputState useIntersection useInterval useInViewport useIsFirstRender useIsomorphicEffect useListState useLocalStorage useLogger useLongPress useMap useMask useMediaQuery useMergedRef useMounted useMouse useMove useMutationObserver useNetwork useOrientation useOs usePageLeave usePagination usePrevious useQueue useRadialMove useReducedMotion useResizeObserver useRovingIndex useScrollDirection useScroller useScrollIntoView useScrollSpy useSelection useSet useSetState useShallowEffect useSplitter useStateHistory useTextSelection useThrottledCallback useThrottledState useThrottledValue useTimeout useToggle useUncontrolled useValidatedState useViewportSize useWindowEvent useWindowScroll Form Form context formActions formAllInputs formErrors formGetInputProps formNested FormPackage formRecipes formSchemaValidation formStatus formUncontrolled formValidation formValidators formValues use-field use-form Dates Calendar DateInput DatePicker DatePickerInput DateTimePicker GettingStartedDates InlineDateTimePicker MiniCalendar MonthPicker MonthPickerInput TimeGrid TimeInput TimePicker TimeValue YearPicker YearPickerInput Charts AreaChart BarChart BarsList BubbleChart CompositeChart DonutChart FunnelChart GettingStartedCharts Heatmap LineChart PieChart RadarChart RadialBarChart SankeyChart ScatterChart Sparkline Treemap Schedule AgendaView DayView GettingStartedSchedule MobileMonthView MonthView RecurringEventsSchedule ResourcesDayView ResourcesMonthView ResourcesSchedule ResourcesWeekView Schedule ScheduleEventsData WeekView YearView Guides ControlledVsUncontrolled CustomComponents EightToNine FunctionsReference Gatsby Icons JavaScript Jest LLMDocumentation NextJs Polymorphic ReactRouter Redwood SevenToEight SixToSeven Storybook Tiptap3Migration TypeScript Vite Vitest Theming Colors ColorSchemes DefaultProps MantineProvider ThemeObject Typography Styles ColorFunctions CSSFilesList CSSModules CssVariables CSSVariablesList DataAttributes Emotion GlobalStyles MantineStyles PostCSSPreset Rem ResponsiveStyles Rtl StyleProp StyleProps StylesApi StylesOverview StylesPerformance UnstyledComponents UsageWithSass VanillaExtract VariantsAndSizes X Carousel CodeHighlight Dropzone ExtensionsPackage Modals manager NavigationProgress Notifications system Rich text editor Spotlight Other About AllReleases BrowserSupport Changelog700 Changelog710 Changelog7100 Changelog7110 Changelog7120 Changelog7130 Changelog7140 Changelog7150 Changelog7160 Changelog7170 Changelog720 Changelog730 Changelog740 Changelog750 Changelog760 Changelog770 Changelog780 Changelog790 Changelog800 Changelog810 Changelog820 Changelog830 Changelog900 Changelog910 Changelog920 Changelog930 Changelog940 Contribute GettingStarted NotFound OxcConfig PreviousChangelogs Support ## What is Mantine's llms.txt? Mantine publishes an `/llms.txt` file that provides AI systems with a structured index of its documentation. It follows the [llms.txt specification](https://llmstxt.org), organizing links to guides, API references, and tutorials under section headings so that LLMs like ChatGPT, Claude, and Gemini can quickly understand what Mantine offers and where to find details. Pass Spec 12 Sections 428 Links 41.7 KB Size ~10.7k Tokens Sections: FAQ · Core · Hooks · Form · Dates · Charts · and 6 more ## Add Mantine Docs to Your AI Assistant Select your tool to see how to add Mantine's llms.txt as a documentation source. Cursor Windsurf Claude Code ChatGPT Zed Copilot 1. 1 Open any chat or composer panel 2. 2 Type @Docs and select "Add new doc" 3. 3 Paste the URL: https://mantine.dev/llms.txt 4. 4 Wait for the green dot (indexing complete) 5. 5 Reference @Docs in chat when asking about Mantine Cursor crawls the URL and indexes all subpages. Add a trailing slash to index child pages too. ## Spec Compliance 2 notes ## Frequently Asked Questions Where is Mantine's llms.txt file? Mantine publishes its llms.txt at https://mantine.dev/llms.txt. This file provides a structured, markdown-formatted index of Mantine's documentation that AI systems can consume to understand the project's APIs, guides, and references. How do I use Mantine's llms.txt with AI coding assistants? Copy the llms.txt content and paste it into your AI assistant (Cursor, Windsurf, Claude, ChatGPT) as context. This gives the AI an accurate map of Mantine's documentation so it can provide better code suggestions and answers about Mantine. What does Mantine's llms.txt contain? Mantine's llms.txt contains 12 sections and 428 documentation links in 41.7 KB (~10.7k tokens). Key sections include FAQ, Core, Hooks, Form, Dates, Charts. How many tokens does Mantine's llms.txt use? The concise llms.txt index is approximately 10.7k tokens (41.7 KB). Most AI assistants can fit this within their context window. For the full expanded documentation, look for an llms-full.txt variant which embeds all content inline. What is Mantine? A fully featured React components library. Mantine's llms.txt file helps AI systems understand this by providing a structured overview of its documentation, making it easier for developers to get accurate AI-assisted help when working with Mantine. Can I generate an llms.txt for my own project? Yes. Use the free llms.txt generator at mdream.dev/tools/llms-txt/generator to crawl your site and produce a spec-compliant llms.txt file. You can also validate existing files with the llms.txt validator. ## Browse More llms.txt Files [daisyUI The most popular component library for Tailwind CSS](https://mdream.dev/llms-txt/mantine/llms-txt/daisyui) [Chakra UI Accessible component system for building products with speed](https://mdream.dev/llms-txt/mantine/llms-txt/chakra-ui) [React Spectrum Adobe's collection of libraries and tools for building adaptive, accessible UIs](https://mdream.dev/llms-txt/mantine/llms-txt/react-spectrum) [shadcn/ui Beautifully designed components built with Radix UI and Tailwind CSS](https://mdream.dev/llms-txt/mantine/llms-txt/shadcn-ui) [Panda CSS CSS-in-JS with build-time generated styles](https://mdream.dev/llms-txt/mantine/llms-txt/panda-css) [FormKit The open-source form framework for Vue](https://mdream.dev/llms-txt/mantine/llms-txt/formkit) [Vite Next generation frontend tooling](https://mdream.dev/llms-txt/mantine/llms-txt/vite) [shadcn-vue Beautifully designed components for Vue](https://mdream.dev/llms-txt/mantine/llms-txt/shadcn-vue) [View all 99 projects ](https://mdream.dev/llms-txt/mantine/llms-txt) ## Related Tools [

llms.txt Generator

Generate an llms.txt for your own project.](https://mdream.dev/llms-txt/mantine/tools/llms-txt/generator) [

llms.txt Validator

Validate your llms.txt against the official spec.](https://mdream.dev/llms-txt/mantine/tools/llms-txt/validator) © 2026 [Harlan Wilton](https://github.com/harlan-zw) · [MIT](https://github.com/harlan-zw/mdream/blob/main/license) [GitHub](https://github.com/harlan-zw/mdream) [Discord](https://discord.com/invite/275MBUBvgP)