Navigation

Search pages and components

Get started

Introduction
Brand playground

Components

Blocks

app-shell
mobile-tab-bar
page-header
empty-state
settings-layout
login-form
data-table
entity-table
hero
public-header
public-footer
feature-grid
cta-cards
logo-strip
top-notice
rich-text
imagery-rotator
stats-cards
summary-cards
command-palette
translation-editor
rule-builder
dynamic-field-builder

Patterns

accessibility
oz

hover-card

npx shadcn@latest add @design/hover-card

@design-next

Try it live

@design-next