Components

Every component renders live. Hover one to save, compare or copy it.

111 components

Clear filters

Kbd
shadcn/ui · Data Display
Table
shadcn/ui · Data Display
Animated Badge
Cult UI · Data Display
Halo Badge
Cult UI · Data Display
Accordion
Motion Primitives · Data Display
Motion FAQs Accordion
Unlumen UI · Data Display
Collapsible
shadcn/ui · Data Display
Timeline
Aceternity UI · Data Display
Animated List
Magic UI · Data Display
Kanban Board
Cult UI · Data Display
Kbd
Unlumen UI · Data Display
Badge
shadcn/ui · Data Display
Glowing Badge
Unlumen UI · Data Display
Accordion
shadcn/ui · Data Display
Animated List
Unlumen UI · Data Display
Badge
ReUI · Data Display
List View Icon
Unlumen UI · Data Display
A basic single-expand accordion
ReUI · Data Display
Accordion with rotating arrow indicator
ReUI · Data Display
Accordion component for onboarding or setup steps with icons, badges, and QR codes
ReUI · Data Display
Accordion with plus/minus indicators
ReUI · Data Display
Accordion with borders and rounded corners
ReUI · Data Display
Advanced accordion with custom icons and badges
ReUI · Data Display
Accordion items integrated within Frame and FramePanel
ReUI · Data Display
Nested accordion example with bordered items
ReUI · Data Display
Sortable List
Cult UI · Data Display
Frequently Asked Questions AccordionPaid component — get it from Aceternity UI
Frequently Asked Questions Accordion
Aceternity UI · Data Display
Pro
Default badge
ReUI · Data Display
Info outline badge
ReUI · Data Display
Success outline badge
ReUI · Data Display
Warning outline badge
ReUI · Data Display
Primary light badge
ReUI · Data Display
Destructive light badge
ReUI · Data Display
Success light badge
ReUI · Data Display
Info light badge
ReUI · Data Display
Warning light badge
ReUI · Data Display
Badge size variations
ReUI · Data Display
Badge with full radius (radius="full")
ReUI · Data Display
Secondary badge
ReUI · Data Display
Badge with an icon
ReUI · Data Display
Badge rendered as a link
ReUI · Data Display
Destructive badge
ReUI · Data Display
Success badge
ReUI · Data Display
Info badge
ReUI · Data Display
Warning badge
ReUI · Data Display
Outline badge
ReUI · Data Display
Primary outline badge
ReUI · Data Display
Destructive outline badge
ReUI · Data Display
Basic collapsible
ReUI · Data Display
Collapsible frame
ReUI · Data Display
Nested collapsible list with actions
ReUI · Data Display
Filtering a table
ReUI · Data Display
Frame with collapsible panels
ReUI · Data Display
Icon badge stack
ReUI · Data Display
List row
ReUI · Data Display
Small-size items with badges
ReUI · Data Display
Kanban board with placeholder overlay
ReUI · Data Display
Kanban board with dynamic overlay
ReUI · Data Display
Kanban board with frame columns
ReUI · Data Display
Minimal kanban with stacked frame
ReUI · Data Display
Kanban board persisted to a backend
ReUI · Data Display
Basic keyboard keys.
ReUI · Data Display
Keyboard keys grouped together.
ReUI · Data Display
Keyboard keys combined with icons.
ReUI · Data Display
Keyboard shortcuts reference list
ReUI · Data Display
Label with badge indicator
ReUI · Data Display
Rating with editable.
ReUI · Data Display
Horizontal separator between items in a list.
ReUI · Data Display
Sortable list of items with drag-and-drop
ReUI · Data Display
Sortable list of items with nested layout
ReUI · Data Display
Sortable playlist with frame
ReUI · Data Display
Sortable settings priority with frame
ReUI · Data Display
Sortable list persisted to a backend
ReUI · Data Display
Stepper with icons and badges
ReUI · Data Display
Basic table.
ReUI · Data Display
Product inventory table with stock badges and prices
ReUI · Data Display
API keys table with permission badges and actions
ReUI · Data Display
Issues table with priority, assignee, and labels
ReUI · Data Display
Leaderboard table with rank, score, and level badges
ReUI · Data Display
Vertical table with server configuration details
ReUI · Data Display
Table with interactive elements.
ReUI · Data Display
Basic timeline.
ReUI · Data Display
Deployment log timeline
ReUI · Data Display
Compact horizontal milestone timeline
ReUI · Data Display
Timeline with git activity.
ReUI · Data Display
Timeline with milestones.
ReUI · Data Display
Timeline with pipeline steps.
ReUI · Data Display
Vertical timeline
ReUI · Data Display
Horizontal timeline with leading labels
ReUI · Data Display
Basic tree.
ReUI · Data Display
Tree with indented lines.
ReUI · Data Display
Tree with custom indent.
ReUI · Data Display
Tree with custom indent.
ReUI · Data Display
Side-by-side product comparison table with grouped specs and sticky labelsPaid component — get it from ReUI
Side-by-side product comparison table with grouped specs and sticky labels
ReUI · Data Display
Pro
Centered single-column FAQ with help eyebrow and borderless single-open accordionPaid component — get it from ReUI
Centered single-column FAQ with help eyebrow and borderless single-open accordion
ReUI · Data Display
Pro
Headless-first gantt - horizontal resource timeline with day-to-year scales, external CRUD contract, and a subscribable store.
ReUI · Data Display
Project gantt with resizable tree columns, split timeline panes, and inline editingPaid component — get it from ReUI
Project gantt with resizable tree columns, split timeline panes, and inline editing
ReUI · Data Display
Pro
Kanban
ReUI · Data Display
Support escalation kanban board with SLA timer chips, priority badges, and draggable columnsPaid component — get it from ReUI
Support escalation kanban board with SLA timer chips, priority badges, and draggable columns
ReUI · Data Display
Pro
Crypto Transactions List with Color-Coded Credit and Debit AmountsPaid component — get it from ReUI
Crypto Transactions List with Color-Coded Credit and Debit Amounts
ReUI · Data Display
Pro
Printable order receipt with paid badge, itemized items, totals breakdown, and shipment trackingPaid component — get it from ReUI
Printable order receipt with paid badge, itemized items, totals breakdown, and shipment tracking
ReUI · Data Display
Pro
Notification preferences settings with tabbed channel matrix table for Email, Slack, and In-appPaid component — get it from ReUI
Notification preferences settings with tabbed channel matrix table for Email, Slack, and In-app
ReUI · Data Display
Pro
CRM deal pipeline kanban board with risk signals and confidence scoresPaid component — get it from ReUI
CRM deal pipeline kanban board with risk signals and confidence scores
ReUI · Data Display
Pro
CRM Activity Timeline with Day Buckets, Type and Owner FiltersPaid component — get it from ReUI
CRM Activity Timeline with Day Buckets, Type and Owner Filters
ReUI · Data Display
Pro
Dev Ops Edge Firewall Console with Ordered Rules, IP Lists, Protections and Traffic LogPaid component — get it from ReUI
Dev Ops Edge Firewall Console with Ordered Rules, IP Lists, Protections and Traffic Log
ReUI · Data Display
Pro
Purchase Order Receiving Page with Line-Item Tracking and Activity TimelinePaid component — get it from ReUI
Purchase Order Receiving Page with Line-Item Tracking and Activity Timeline
ReUI · Data Display
Pro
Day-Grouped Audit Log Timeline with Expandable Event Details and CSV ExportPaid component — get it from ReUI
Day-Grouped Audit Log Timeline with Expandable Event Details and CSV Export
ReUI · Data Display
Pro
Sortable
ReUI · Data Display
Timeline
ReUI · Data Display
Tree
ReUI · Data Display
Multi-Collection Wishlist with Cover-Stacked Collection RailPaid component — get it from ReUI
Multi-Collection Wishlist with Cover-Stacked Collection Rail
ReUI · Data Display
Pro

Components

Kbd

Table

Animated Badge

Halo Badge

Accordion

Motion FAQs Accordion

Collapsible

Timeline

Animated List

Kanban Board

Kbd

Badge

Glowing Badge

Accordion

Animated List

Badge

List View Icon

A basic single-expand accordion

Accordion with rotating arrow indicator

Accordion component for onboarding or setup steps with icons, badges, and QR codes

Accordion with plus/minus indicators

Accordion with borders and rounded corners

Advanced accordion with custom icons and badges

Accordion items integrated within Frame and FramePanel

Nested accordion example with bordered items

Sortable List

Frequently Asked Questions Accordion

Default badge

Info outline badge

Success outline badge

Warning outline badge

Primary light badge

Destructive light badge

Success light badge

Info light badge

Warning light badge

Badge size variations

Badge with full radius (radius="full")

Secondary badge

Badge with an icon

Badge rendered as a link

Destructive badge

Success badge

Info badge

Warning badge

Outline badge

Primary outline badge

Destructive outline badge

Basic collapsible

Collapsible frame

Nested collapsible list with actions

Filtering a table

Frame with collapsible panels

Icon badge stack

List row

Small-size items with badges

Kanban board with placeholder overlay

Kanban board with dynamic overlay

Kanban board with frame columns

Minimal kanban with stacked frame

Kanban board persisted to a backend

Basic keyboard keys.

Keyboard keys grouped together.

Keyboard keys combined with icons.

Keyboard shortcuts reference list

Label with badge indicator

Rating with editable.

Horizontal separator between items in a list.

Sortable list of items with drag-and-drop

Sortable list of items with nested layout

Sortable playlist with frame

Sortable settings priority with frame

Sortable list persisted to a backend

Stepper with icons and badges

Basic table.

Product inventory table with stock badges and prices

API keys table with permission badges and actions

Issues table with priority, assignee, and labels

Leaderboard table with rank, score, and level badges