HeroUI v3 Components

Components

Explore HeroUI v3 components built with React Aria for accessibility and Tailwind CSS v4 for styling.

Button Variants

Chips

PrimaryDefaultSuccessWarningError

Cards

Basic Card

A simple card with title and description.

Hover Effect

This card has a hover shadow effect.

Highlighted

A card with primary border highlight.

All Components

Button

Interactive button with multiple variants and sizes

Dialog

Modal dialog for important content

Tabs

Tabbed content sections

Tooltip

Contextual information on hover

This page is a Server Component — HeroUI is RSC-compatible.