Hero UI is a reusable top-of-page component that renders a prominent banner with a headline, subheading, and primary call-to-action, supported by optional media (image or video) and flexible background options (gradient, image, or video). It offers responsive layout variants, alignment and padding controls, and theming hooks to adapt to light/dark modes. Accessibility is baked in through proper semantic markup, keyboard focus management, aria-labels, and reduces motion handling. Props typically include title, subtitle, actions, media, background, alignment, size, and breakpoint-specific spacing, enabling quick composition of consistent, high-impact hero sections across routes.

Playbooks

Hero UI

Unified frontend framework for building fast, modular dashboards.

‌

‌

‌

‌

Recent Views

Recent Views

‌

‌

‌