shadcnblocks

Modifier Keys.

Editing Keys.

Mac Command Symbol.

Mac Option Symbol.

Windows Key.

Platform-Aware Shortcut.

Mac Control Symbol.

Active State.

Disabled State.

Focus State.

Pressed Down.

Hover State.

Key Sequence with Then.

Key Sequence with Arrow.

Multi-Step Sequence.

Vim Command Sequence.

Command Palette Shortcut.

Copy Shortcut.

Paste Shortcut.

Complex Shortcut.

Save Shortcut.

Small Kbd.

Default Kbd.

Large Kbd.

Inline with Text.

Extra Large Kbd.

Enter with Icon.

Delete with Icon.

Arrow Keys with Icons.

Command with Icon.

Unicode Symbols.

Required Label.

Label with Description.

Label with Tooltip.

Label with Badge.

Label with Optional Indicator.

Label with Character Count.

Error Label.

Section Label.

A ranked list card with progress bars showing relative values for each item.

A ranked list card with user avatars, names, subtitles, and values for each position.

A ranked list card with trend indicators showing movement direction for each item.

An inline link with a hover card that shows a screenshot of the destination URL from Microlink or a static image.

Responsive table displaying categorized items with icons, descriptions, year, offer tier, and color-coded indicators.

Vertical list of items separated by dividers, each showing an icon, title, category, description, and a view button.

Two-section resume layout listing work experience and achievements in a three-column grid with separator lines.

List items with assignee avatars composed through ListItem children.

List items with custom children instead of the default name-only row.