nextui/apps/docs/config/routes.json

{
  "routes": [
    {
      "key": "guide",
      "title": "Getting Started",
      "defaultOpen": true,
      "keywords": "guide, getting started, start, heroui",
      "routes": [
        {
          "key": "introduction",
          "title": "Introduction",
          "keywords": "introduction, heroui",
          "path": "/docs/guide/introduction.mdx"
        },
        {
          "key": "design-principles",
          "title": "Design Principles",
          "keywords": "design principles, heroui",
          "path": "/docs/guide/design-principles.mdx"
        },
        {
          "key": "installation",
          "title": "Installation",
          "keywords": "getting started, installation, start, heroui",
          "path": "/docs/guide/installation.mdx"
        },
        {
          "key": "cli",
          "title": "CLI",
          "keywords": "cli, command line interface",
          "path": "/docs/guide/cli.mdx"
        },
        {
          "key": "routing",
          "title": "Routing",
          "keywords": "client side routing, routing, browser routing, heroui, next.js router, react router, remix router",
          "path": "/docs/guide/routing.mdx",
          "updated": true
        },
        {
          "key": "forms",
          "title": "Forms",
          "keywords": "forms, form validation, heroui",
          "path": "/docs/guide/forms.mdx"
        },
        {
          "key": "tailwind-v4",
          "title": "Tailwind v4",
          "keywords": "migrate, tailwind, v4, heroui",
          "path": "/docs/guide/tailwind-v4.mdx",
          "newPost": true
        },
        {
          "key": "nextui-to-heroui",
          "title": "NextUI to HeroUI",
          "keywords": "migrate, nextui, hero, heroui",
          "path": "/docs/guide/nextui-to-heroui.mdx"
        },
        {
          "key": "figma",
          "title": "Figma",
          "keywords": "figma, design, ui kit",
          "path": "/docs/guide/figma.mdx"
        }
      ]
    },
    {
      "key": "frameworks",
      "title": "Frameworks",
      "defaultOpen": true,
      "keywords": "frameworks, nextjs + heroui, vite + heroui, remix + heroui, astro + heroui",
      "routes": [
        {
          "key": "nextjs",
          "title": "Next.js",
          "keywords": "nextjs, heroui, next.js",
          "path": "/docs/frameworks/nextjs.mdx"
        },
        {
          "key": "vite",
          "title": "Vite",
          "keywords": "vite, heroui",
          "path": "/docs/frameworks/vite.mdx"
        },
        {
          "key": "remix",
          "title": "Remix",
          "keywords": "remix, heroui",
          "path": "/docs/frameworks/remix.mdx"
        },
        {
          "key": "astro",
          "title": "Astro",
          "keywords": "astro, heroui",
          "path": "/docs/frameworks/astro.mdx"
        },
        {
          "key": "laravel",
          "title": "Laravel",
          "keywords": "laravel, nextui",
          "path": "/docs/frameworks/laravel.mdx"
        }
      ]
    },
    {
      "key": "customization",
      "title": "Customization",
      "keywords": "customization, heroui, themes, colors, dark mode, override styles",
      "defaultOpen": true,
      "routes": [
        {
          "key": "theme",
          "title": "Theme",
          "path": "/docs/customization/theme.mdx"
        },
        {
          "key": "layout",
          "title": "Layout",
          "path": "/docs/customization/layout.mdx"
        },
        {
          "key": "colors",
          "title": "Colors",
          "path": "/docs/customization/colors.mdx"
        },
        {
          "key": "customize-theme",
          "title": "Customize theme",
          "path": "/docs/customization/customize-theme.mdx"
        },
        {
          "key": "create-theme",
          "title": "Create theme",
          "path": "/docs/customization/create-theme.mdx"
        },
        {
          "key": "dark-mode",
          "title": "Dark mode",
          "path": "/docs/customization/dark-mode.mdx"
        },
        {
          "key": "override-styles",
          "title": "Override styles",
          "path": "/docs/customization/override-styles.mdx"
        },
        {
          "key": "custom-variants",
          "title": "Custom variants",
          "path": "/docs/customization/custom-variants.mdx"
        }
      ]
    },
    {
      "key": "components",
      "title": "Components",
      "keywords": "interface elements, interactive components, UI components, widgets",
      "defaultOpen": true,
      "routes": [
        {
          "key": "accordion",
          "title": "Accordion",
          "keywords": "accordion, collapse, expandable sections, content hiding",
          "path": "/docs/components/accordion.mdx"
        },
        {
          "key": "autocomplete",
          "title": "Autocomplete",
          "keywords": "autocomplete, auto suggest, search, typeahead",
          "path": "/docs/components/autocomplete.mdx"
        },
        {
          "key": "alert",
          "title": "Alert",
          "keywords": "alert, notification, message",
          "path": "/docs/components/alert.mdx"
        },
        {
          "key": "avatar",
          "title": "Avatar",
          "keywords": "avatar, profile picture, user representation, identity",
          "path": "/docs/components/avatar.mdx"
        },
        {
          "key": "badge",
          "title": "Badge",
          "keywords": "badge, markers, status indication, count display",
          "path": "/docs/components/badge.mdx"
        },
        {
          "key": "breadcrumbs",
          "title": "Breadcrumbs",
          "keywords": "breadcrumbs, navigation, path, trail, location",
          "path": "/docs/components/breadcrumbs.mdx"
        },
        {
          "key": "button",
          "title": "Button",
          "keywords": "button, interactive, action trigger, click events",
          "path": "/docs/components/button.mdx"
        },
        {
          "key": "calendar",
          "title": "Calendar",
          "keywords": "calendar, date picker, month picker, year picker",
          "path": "/docs/components/calendar.mdx"
        },
        {
          "key": "card",
          "title": "Card",
          "keywords": "card, content container, informational blocks, media holder",
          "path": "/docs/components/card.mdx"
        },
        {
          "key": "checkbox",
          "title": "Checkbox",
          "keywords": "checkbox, binary choice, selection control, toggle",
          "path": "/docs/components/checkbox.mdx"
        },
        {
          "key": "checkbox-group",
          "title": "Checkbox Group",
          "keywords": "checkbox group, binary choice, selection control, toggle",
          "path": "/docs/components/checkbox-group.mdx"
        },
        {
          "key": "chip",
          "title": "Chip",
          "keywords": "chip, tag, label, small actionable entity",
          "path": "/docs/components/chip.mdx"
        },
        {
          "key": "circular-progress",
          "title": "Circular Progress",
          "keywords": "circular progress, loading indicator, activity sign, process display",
          "path": "/docs/components/circular-progress.mdx"
        },
        {
          "key": "code",
          "title": "Code",
          "keywords": "code, code snippet, inline code, coding",
          "path": "/docs/components/code.mdx"
        },
        {
          "key": "date-input",
          "title": "Date Input",
          "keywords": "date-input, time, input, timezone",
          "path": "/docs/components/date-input.mdx"
        },
        {
          "key": "date-picker",
          "title": "Date Picker",
          "keywords": "date-picker, time, input, timezone",
          "path": "/docs/components/date-picker.mdx"
        },
        {
          "key": "date-range-picker",
          "title": "Date Range Picker",
          "keywords": "date-range-picker, date-picker, time, input, timezone",
          "path": "/docs/components/date-range-picker.mdx"
        },
        {
          "key": "divider",
          "title": "Divider",
          "keywords": "divider, boundary, separator, section divider",
          "path": "/docs/components/divider.mdx"
        },
        {
          "key": "dropdown",
          "title": "Dropdown",
          "keywords": "dropdown, menu, selection, option list",
          "path": "/docs/components/dropdown.mdx"
        },
        {
          "key": "drawer",
          "title": "Drawer",
          "keywords": "drawer, panel, slide, overlay",
          "path": "/docs/components/drawer.mdx"
        },
        {
          "key": "form",
          "title": "Form",
          "keywords": "forms, form validation, heroui",
          "path": "/docs/components/form.mdx"
        },
        {
          "key": "image",
          "title": "Image",
          "keywords": "image, media, picture, photo, graphic display",
          "path": "/docs/components/image.mdx"
        },
        {
          "key": "input",
          "title": "Input",
          "keywords": "input, text box, form field, data entry",
          "path": "/docs/components/input.mdx",
          "updated": true
        },
        {
          "key": "input-otp",
          "title": "Input OTP",
          "keywords": "input, otp, auth, verification code",
          "path": "/docs/components/input-otp.mdx"
        },
        {
          "key": "kbd",
          "title": "Kbd",
          "keywords": "keyboard input, shortcut, keys, user input display",
          "path": "/docs/components/kbd.mdx"
        },
        {
          "key": "link",
          "title": "Link",
          "keywords": "link, navigation, href, web page connection",
          "path": "/docs/components/link.mdx"
        },
        {
          "key": "listbox",
          "title": "Listbox",
          "keywords": "listbox, selection, option list, multiple choice",
          "path": "/docs/components/listbox.mdx"
        },
        {
          "key": "modal",
          "title": "Modal",
          "keywords": "modal, dialog box, popup, overlay, content focus",
          "path": "/docs/components/modal.mdx"
        },
        {
          "key": "navbar",
          "title": "Navbar",
          "keywords": "navbar, navigation, top menu, website header",
          "path": "/docs/components/navbar.mdx"
        },
        {
          "key": "number-input",
          "title": "Number Input",
          "keywords": "input, numeric input, number input",
          "path": "/docs/components/number-input.mdx"
        },
        {
          "key": "pagination",
          "title": "Pagination",
          "keywords": "pagination, page navigation, content division, browsing control",
          "path": "/docs/components/pagination.mdx"
        },
        {
          "key": "popover",
          "title": "Popover",
          "keywords": "popover, tooltip, floating content, additional information",
          "path": "/docs/components/popover.mdx"
        },
        {
          "key": "progress",
          "title": "Progress",
          "keywords": "progress, progress bar, task status, loading indicator",
          "path": "/docs/components/progress.mdx"
        },
        {
          "key": "radio-group",
          "title": "Radio Group",
          "keywords": "radio group, selection set, option selection, exclusive choices",
          "path": "/docs/components/radio-group.mdx"
        },
        {
          "key": "range-calendar",
          "title": "Range Calendar",
          "keywords": "range calendar, date picker, month picker, year picker",
          "path": "/docs/components/range-calendar.mdx"
        },
        {
          "key": "scroll-shadow",
          "title": "Scroll Shadow",
          "keywords": "scroll shadow, scroll indicator, scroll bar, scroll position",
          "path": "/docs/components/scroll-shadow.mdx"
        },
        {
          "key": "select",
          "title": "Select",
          "keywords": "select, selection, option list, multiple choice",
          "path": "/docs/components/select.mdx",
          "updated": true
        },
        {
          "key": "skeleton",
          "title": "Skeleton",
          "keywords": "skeleton, loading state, placeholder, content preview",
          "path": "/docs/components/skeleton.mdx"
        },
        {
          "key": "slider",
          "title": "Slider",
          "keywords": "slider, range input, value selector, sliding control",
          "path": "/docs/components/slider.mdx",
          "updated": true
        },
        {
          "key": "snippet",
          "title": "Snippet",
          "keywords": "snippet, code block, programming, code example",
          "path": "/docs/components/snippet.mdx"
        },
        {
          "key": "spacer",
          "title": "Spacer",
          "keywords": "spacer, padding, margin, whitespace, gap",
          "path": "/docs/components/spacer.mdx"
        },
        {
          "key": "spinner",
          "title": "Spinner",
          "keywords": "spinner, loading, activity indicator, processing signal",
          "path": "/docs/components/spinner.mdx"
        },
        {
          "key": "switch",
          "title": "Switch",
          "keywords": "switch, toggle, binary input, on/off control",
          "path": "/docs/components/switch.mdx"
        },
        {
          "key": "table",
          "title": "Table",
          "keywords": "table, data display, grid, spreadsheet",
          "path": "/docs/components/table.mdx",
          "updated": true
        },
        {
          "key": "tabs",
          "title": "Tabs",
          "keywords": "tabs, section navigation, categorized content, tabbed interface",
          "path": "/docs/components/tabs.mdx"
        },
        {
          "key": "toast",
          "title": "Toast",
          "keywords": "toast, notification, message",
          "path": "/docs/components/toast.mdx",
          "updated": true
        },
        {
          "key": "textarea",
          "title": "Textarea",
          "keywords": "textarea, multi-line text input, large text field, form control",
          "path": "/docs/components/textarea.mdx"
        },
        {
          "key": "time-input",
          "title": "Time Input",
          "keywords": "timeinput, time, input, timezone",
          "path": "/docs/components/time-input.mdx"
        },
        {
          "key": "tooltip",
          "title": "Tooltip",
          "keywords": "tooltip, hint, descriptive message, hover info",
          "path": "/docs/components/tooltip.mdx"
        },
        {
          "key": "user",
          "title": "User",
          "keywords": "user, account, user profile, identity",
          "path": "/docs/components/user.mdx"
        }
      ]
    },
    {
      "key": "api-references",
      "title": "API References",
      "defaultOpen": true,
      "keywords": "api references, heroui, api",
      "routes": [
        {
          "key": "cli-api",
          "title": "HeroUI CLI",
          "keywords": "api references, heroui, api, cli",
          "path": "/docs/api-references/cli-api.mdx"
        },
        {
          "key": "heroui-provider",
          "title": "HeroUIProvider",
          "keywords": "api references, heroui, api, heroui provider",
          "path": "/docs/api-references/heroui-provider.mdx"
        }
      ]
    }
  ],
  "mobileRoutes": [
    {
      "key": "getting-started",
      "title": "Getting Started",
      "defaultOpen": true,
      "keywords": "getting started, main routes, blog, docs, components, heroui",
      "routes": [
        {
          "key": "docs",
          "title": "Documentation",
          "keywords": "documentation, guide, heroui",
          "path": "/docs/guide/introduction.mdx"
        },
        {
          "key": "components",
          "title": "Components",
          "keywords": "components, heroui",
          "path": "/docs/components/avatar"
        },
        {
          "key": "blog",
          "title": "Blog",
          "keywords": "blog, heroui, news, updates",
          "path": "/blog"
        },
        {
          "key": "figma",
          "title": "Figma",
          "keywords": "figma, heroui, design, ui kit",
          "path": "/docs/guide/figma.mdx"
        },
        {
          "key": "roadmap",
          "title": "Roadmap",
          "keywords": "roadmap, heroui",
          "path": "#"
        }
      ]
    }
  ]
}