HeroUI v3 Documentation llms.txt · AI Docs Browser · mdream [llms.txt Tools](https://mdream.dev/llms-txt/heroui/llms-txt) # HeroUI v3 Documentation llms.txt Browse HeroUI v3 Documentation documentation as markdown. Click any page in the sidebar to view it, or copy the full llms.txt for your AI tools. heroui.com/llms.txt [Raw llms.txt](https://heroui.com/llms.txt) [Raw llms-full.txt](https://heroui.com/llms-full.txt) Copy Markdown [](https://heroui.com/llms.txt) llms.txt Available Platforms /react/llms.txt /native/llms.txt Documentation Index All Components Introduction Migration (for AI assistants) Hooks Migration Styling & Theming All Releases v3.0.0-alpha.32 v3.0.0-alpha.33 v3.0.0-alpha.34 v3.0.0-alpha.35 v3.0.0-beta.1 v3.0.0-beta.2 v3.0.0-beta.3 v3.0.0-beta.4 v3.0.0-beta.6 v3.0.0-beta.7 v3.0.0-beta.8 v3.0.0-rc.1 Introducing HeroUI v3 v3.0.2 v3.0.3 v3.0.4 v3.0.5 v3.1.0 v3.2.0 v3.2.1 v3.2.2 Dropdown ListBox TagGroup Slider Switch Badge Chip Table ColorArea ColorField ColorPicker ColorSlider ColorSwatchPicker ColorSwatch Calendar DateField DatePicker DateRangePicker RangeCalendar TimeField Alert Meter ProgressBar ProgressCircle Skeleton Spinner Card Separator Surface Toolbar Avatar ButtonGroup Button CloseButton ToggleButtonGroup ToggleButton CheckboxGroup Checkbox Description ErrorMessage FieldError Fieldset Form InputGroup InputOTP Input Label NumberField RadioGroup SearchField TextArea TextField Accordion Breadcrumbs DisclosureGroup Disclosure Link Pagination Tabs AlertDialog Drawer Modal Popover Toast Tooltip Autocomplete ComboBox Select Kbd Typography Animation Colors Composition Dark Mode Styling Theming ScrollShadow CLI Design Principles Frameworks Quick Start Agent Skills AGENTS.md LLMs.txt MCP Server Agent Migration Guide - Full Migration Agent Migration Guide - Incremental Migration with Coexistence Full Migration Incremental Migration Accordion Alert Autocomplete Avatar Badge Breadcrumbs ButtonGroup Button Calendar Card CheckboxGroup Checkbox Chip CircularProgress Code DatePicker DateRangePicker DateInput Divider Drawer Dropdown Form Image InputOTP Input Kbd Link Listbox Modal Navbar NumberInput Pagination Popover Progress RadioGroup Radio RangeCalendar ScrollShadow Select Skeleton Slider Snippet Spacer Spinner Switch Table Tabs TimeInput Toast Tooltip User Agent Skills AGENTS.md MCP Server 所有组件 介绍 迁移（面向 AI 助手） Hooks 迁移 样式与主题 所有版本 v3.0.0-alpha.32 v3.0.0-alpha.33 v3.0.0-alpha.34 v3.0.0-alpha.35 v3.0.0-beta.1 v3.0.0-beta.2 v3.0.0-beta.3 v3.0.0-beta.4 v3.0.0-beta.6 v3.0.0-beta.7 v3.0.0-beta.8 v3.0.0-rc.1 HeroUI v3 正式发布 v3.0.2 v3.0.3 v3.0.4 v3.0.5 v3.1.0 v3.2.0 v3.2.1 v3.2.2 Dropdown 下拉菜单 ListBox 列表框 TagGroup 标签组 Slider 滑块 Switch 开关 Badge 徽标 Chip 标签 Table 表格 ColorArea 颜色区域 ColorField 颜色输入框 ColorPicker 颜色选择器 ColorSlider 颜色滑块 ColorSwatchPicker 颜色色块选择器 ColorSwatch 颜色色块 Calendar 日历 DateField 日期字段 DatePicker 日期选择器 DateRangePicker 日期范围选择器 RangeCalendar 范围日历 TimeField 时间字段 Alert 警告 Meter 计量条 ProgressBar 进度条 ProgressCircle 环形进度条 Skeleton 骨架屏 Spinner 加载指示器 Card 卡片 Separator 分隔符 Surface 表面 Toolbar 工具栏 Avatar 头像 ButtonGroup 按钮组 Button 按钮 CloseButton 关闭按钮 ToggleButtonGroup 切换按钮组 ToggleButton 切换按钮 CheckboxGroup 复选框组 Checkbox 复选框 Description 描述 ErrorMessage 错误信息 FieldError 字段错误 Fieldset 字段集 Form 表单 InputGroup 输入框组 InputOTP 一次性密码输入框 Input 输入框 Label 标签 NumberField 数字输入框 RadioGroup 单选框组 SearchField 搜索框 TextArea 多行文本框 TextField 文本输入框 Accordion 手风琴 Breadcrumbs 面包屑 DisclosureGroup 折叠面板组 Disclosure 折叠面板 Link 链接 Pagination 分页 Tabs 标签页 AlertDialog 警告对话框 Drawer 抽屉 Modal 模态框 Popover 弹出框 Toast 轻提示 Tooltip 工具提示 Autocomplete 自动完成 ComboBox 组合框 Select 选择器 Kbd 键盘按键 Typography 排版 动画 颜色 组合 深色模式 样式 主题 ScrollShadow 滚动阴影 命令行 设计原则 框架集成 快速入门 Agent Skills AGENTS.md LLMs.txt MCP 服务器 代理迁移指南 - 完整迁移 代理迁移指南 - 共存增量迁移 完全迁移 增量迁移 Accordion Alert Autocomplete Avatar Badge Breadcrumbs ButtonGroup Button Calendar Card CheckboxGroup Checkbox Chip CircularProgress Code DatePicker DateRangePicker DateInput Divider Drawer Dropdown Form Image InputOTP Input Kbd Link Listbox Modal Navbar NumberInput Pagination Popover Progress RadioGroup Radio RangeCalendar ScrollShadow Select Skeleton Slider Snippet Spacer Spinner Switch Table Tabs TimeInput Toast Tooltip User Agent Skills AGENTS.md MCP服务器 All Components Introduction Beta 10 Beta 11 Beta 12 Beta 13 CLI v1.0.0 All Releases RC 1 RC 2 RC 3 RC 4 v1.0.0 v1.0.1 v1.0.2 v1.0.3 v1.0.4 v1.0.5 Button CloseButton LinkButton Menu TagGroup Slider Switch Chip Alert SkeletonGroup Skeleton Spinner Checkbox ControlField Description FieldError InputGroup InputOTP Input Label RadioGroup SearchField Select TextArea TextField Avatar BottomSheet Dialog Popover Toast Typography PressableFeedback ScrollShadow Card Separator Surface Accordion ListGroup Tabs Animation Colors Composition Portal Provider Styling Theming Agent Skills AGENTS.md LLMs.txt MCP Server Design Principles Quick Start 所有组件 介绍 Beta 10 Beta 11 Beta 12 Beta 13 CLI v1.0.0 所有版本 RC 1 RC 2 RC 3 RC 4 v1.0.0 v1.0.1 v1.0.2 v1.0.3 v1.0.4 v1.0.5 Button 按钮 CloseButton 关闭按钮 LinkButton 链接按钮 Menu 菜单 TagGroup 标签组 Slider 滑块 Switch 开关 Chip 标签 Alert 警告 SkeletonGroup 骨架屏组 Skeleton 骨架屏 Spinner 加载指示器 Checkbox 复选框 ControlField 控件字段 Description 描述 FieldError 字段错误 InputGroup 输入框组 InputOTP 一次性密码输入框 Input 输入框 Label 标签 RadioGroup 单选框组 SearchField 搜索框 Select 选择器 TextArea 多行文本框 TextField 文本输入框 Avatar 头像 BottomSheet 底部弹层 Dialog 对话框 Popover 弹出框 Toast 轻提示 Typography 文本 PressableFeedback 按压反馈 ScrollShadow 滚动阴影 Card 卡片 Separator 分隔符 Surface 表面 Accordion 手风琴 ListGroup 列表组 Tabs 标签页 动画 颜色 组合 Portal Provider 样式 主题 Agent Skills AGENTS.md LLMs.txt MCP 服务器 设计原则 快速开始 ## What is HeroUI v3 Documentation's llms.txt? HeroUI v3 Documentation 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 HeroUI v3 Documentation offers and where to find details. Issues Spec 2 Sections 484 Links 74.1 KB Size ~16.4k Tokens Sections: Available Platforms · Documentation Index ## Add HeroUI v3 Documentation Docs to Your AI Assistant Select your tool to see how to add HeroUI v3 Documentation'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://heroui.com/llms.txt 4. 4 Wait for the green dot (indexing complete) 5. 5 Reference @Docs in chat when asking about HeroUI v3 Documentation Cursor crawls the URL and indexes all subpages. Add a trailing slash to index child pages too. ## Spec Compliance 2 errors ## Frequently Asked Questions Where is HeroUI v3 Documentation's llms.txt file? HeroUI v3 Documentation publishes its llms.txt at https://heroui.com/llms.txt. This file provides a structured, markdown-formatted index of HeroUI v3 Documentation's documentation that AI systems can consume to understand the project's APIs, guides, and references. How do I use HeroUI v3 Documentation'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 HeroUI v3 Documentation's documentation so it can provide better code suggestions and answers about HeroUI v3 Documentation. What does HeroUI v3 Documentation's llms.txt contain? HeroUI v3 Documentation's llms.txt contains 2 sections and 484 documentation links in 74.1 KB (~16.4k tokens). Key sections include Available Platforms, Documentation Index. How many tokens does HeroUI v3 Documentation's llms.txt use? The concise llms.txt index is approximately 16.4k tokens (74.1 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 HeroUI v3 Documentation? A set of beautiful, customizable React and React Native components that stay maintained and up to date.. HeroUI v3 Documentation'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 HeroUI v3 Documentation. 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 [Overview Build your design system in React, Solid, Vue or Svelte. Powered by finite state machines](https://mdream.dev/llms-txt/heroui/llms-txt/zag) [smartcar](https://mdream.dev/llms-txt/heroui/llms-txt/smartcar) [Helicone OSS LLM Observability](https://mdream.dev/llms-txt/heroui/llms-txt/helicone) [Authelia Free Open-Source Software Modern IAM Solution](https://mdream.dev/llms-txt/heroui/llms-txt/authelia) [Magic UI Beautifully designed landing page components built with React & Tailwind CSS.](https://mdream.dev/llms-txt/heroui/llms-txt/magicui) [Together AI Docs](https://mdream.dev/llms-txt/heroui/llms-txt/together) [Labelbox](https://mdream.dev/llms-txt/heroui/llms-txt/labelbox) [Stedi](https://mdream.dev/llms-txt/heroui/llms-txt/stedi) [View all 99 projects ](https://mdream.dev/llms-txt/heroui/llms-txt) ## Related Tools [

llms.txt Generator

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

llms.txt Validator

Validate your llms.txt against the official spec.](https://mdream.dev/llms-txt/heroui/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)