Next.js · React · HeroUI

Build the product on an intentional design system.

HeroUI v3 is installed and ready for accessible, composable UI. Complete design.md before adding product features.

Read Next.js docs

HeroUI is the UI foundation

Use HeroUI components for controls, states, and interactive surfaces. Use Tailwind for layout and project-specific styling.

  • Import components directly from @heroui/react.
  • Keep product tokens and decisions in design.md.
  • Run heroui:doctor after dependency or theme changes.