JSPM

@heroui/react

3.0.0-alpha.4
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 105406
  • Score
    100M100P100Q157834F
  • License MIT

🚀 Beautiful and modern React UI library built with Tailwind CSS 4.0.

Package Exports

  • @heroui/react
  • @heroui/react/accordion
  • @heroui/react/alert
  • @heroui/react/avatar
  • @heroui/react/button
  • @heroui/react/calendar
  • @heroui/react/card
  • @heroui/react/checkbox
  • @heroui/react/chip
  • @heroui/react/description
  • @heroui/react/fieldset
  • @heroui/react/form
  • @heroui/react/input-otp
  • @heroui/react/label
  • @heroui/react/link
  • @heroui/react/listbox
  • @heroui/react/package.json
  • @heroui/react/plugin
  • @heroui/react/popover
  • @heroui/react/radio
  • @heroui/react/slider
  • @heroui/react/spinner
  • @heroui/react/switch
  • @heroui/react/tabs
  • @heroui/react/text
  • @heroui/react/text-field
  • @heroui/react/tooltip

Readme

heorui

HeroUI


License codecov badge npm downloads

Getting Started

Visit https://heroui.com/guide to get started with HeroUI.

Documentation

Visit https://heroui.com/docs to view the full documentation.

Storybook

Visit https://storybook.heroui.com to view the storybook for all components.

Components Status

Batch 1

  • button (in progress)
  • link
  • chip
  • text-field
  • text-area
  • menu/dropdown
  • select
  • checkbox
    • checkbox-group
  • radio
    • radio-group
  • switch
    • switch-group
  • slider
  • kbd
  • separator

Batch 2

  • avatar
  • avatar group
  • tooltip
  • spinner
  • input otp
  • calendar
  • date picker
  • alert
  • toast
  • card
  • gradient-blur
  • overlay
  • modal / dialog
  • tabs
  • accordion
  • carousel
  • scroll shadow
  • scroll blur
  • listbox

Batch 3 (to do)

  • skeleton
  • breadcrumb
  • command
  • drawer
  • pagination
  • progress
  • scroll
  • table
  • chart
  • sheet (side)
  • navbar
  • sidebar
  • app shell
  • file uploader

Canary Release

Canary versions are available after every merge into canary branch. You can install the packages with the tag canary in npm to use the latest changes before the next production release.

Community

We're excited to see the community adopt HeroUI, raise issues, and provide feedback. Whether it's a feature request, bug report, or a project to showcase, please get involved!

Contributing

Contributions are always welcome!

See CONTRIBUTING.md for ways to get started.

Please adhere to this project's CODE_OF_CONDUCT.

License

MIT