Skip to content

Components

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

get-ui

Every UI component, one command. Search, preview, compare and install from the best open-source libraries.

Product

Explore
Components
Starter kits
Boards
Libraries
Compare
The story
Docs

Libraries

shadcn/ui
Magic UI
Aceternity UI
ReUI
Cult UI
Kokonut UI
Motion Primitives
Unlumen UI
Amicro

An index, not a host. Code is fetched from each library at preview and install time and stays under its author’s licence. Credit the creators you ship.

get-ui

Explore Components Libraries Compare Docs

⌘K

Libraries

shadcn/ui61
Magic UI78
Aceternity UI119
ReUI1,254
Cult UI154
Kokonut UI46
Motion Primitives33
Unlumen UI109
Amicro169

Type

All UI Blocks HTML

Include 832 paid Pro components

Category

Input308
Button216
Loader171
Text155
Background130
Card118
Overlay113
Navigation111
Data Display97
Toggle77
Chart67
Media62
Testimonial43
AI17
Form13
Animation11
Hero9
Feature8
Cursor3
Pricing1
Other293

1,254 components of 2,023

Alert
ReUI · Overlay
Autocomplete
ReUI · Input
Badge
ReUI · 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
Accordion embedded within a Card
ReUI · Card
Accordion with disabled items and highlighted state
ReUI · Chart
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
User list accordion with avatars and role indicators
ReUI · Testimonial
Basic alert
ReUI · Overlay
Alert with icon and action buttons
ReUI · Button
Alert with description and action buttons
ReUI · Button
Alert integrated within a Frame with reset borders
ReUI · Overlay
Stacked alerts within a Frame
ReUI · Overlay
Alert with actions integrated within a Frame
ReUI · Overlay
Inverted alert variant
ReUI · Overlay
Urgent billing notice
ReUI · Overlay
Service status summary stacked within a frame
ReUI · Overlay
Feature discovery alert
ReUI · Overlay
User message notification alert
ReUI · Overlay
Alert with icon
ReUI · Overlay
User message notification alert
ReUI · Overlay
Alert with icon and action buttons
ReUI · Button
Destructive alert with icon and action buttons
ReUI · Button
Info alert with icon and action buttons
ReUI · Button
Success alert
ReUI · Overlay
Warning alert
ReUI · Overlay
Error alert
ReUI · Overlay
Invert alert
ReUI · Overlay
Basic alert dialog with title, description, and action buttons
ReUI · Button
Confirmation for successful e-ticket registration
ReUI · Overlay
System update notification requiring application restart
ReUI · Input
Billing warning for expired subscriptions or failed payments
ReUI · Overlay
Logout confirmation dialog
ReUI · Overlay
Advanced security audit confirmation
ReUI · Overlay
Small size alert dialog for quick confirmations
ReUI · Overlay
Alert dialog with icon
ReUI · Overlay
Small size alert dialog with media (icon)
ReUI · Overlay
Destructive alert dialog for irreversible actions like deletion
ReUI · Overlay
Alert dialog nested within a standard Dialog component
ReUI · Overlay
Task success confirmation
ReUI · Overlay
Account deactivation confirmation
ReUI · Overlay
Warning for unsaved changes when navigating away
ReUI · Navigation
16:9 widescreen aspect ratio
ReUI · Other
4:3 standard aspect ratio
ReUI · Other
1:1 square aspect ratio
ReUI · Other
21:9 ultrawide aspect ratio
ReUI · Other
9:16 portrait aspect ratio
ReUI · Other
3:2 classic photography aspect ratio
ReUI · Chart
4:5 social media portrait aspect ratio
ReUI · Other
16:10 computer monitor aspect ratio
ReUI · Other
Single file attachment in an assistant reply
ReUI · Input
Composer tray with removable attachments
ReUI · Other
Image thumbnails in a snapping strip
ReUI · Card
Three sizes carrying three levels of an answer
ReUI · Other
Upload queue across all five states
ReUI · Input
File picker that fills an attachment tray
ReUI · Input
Basic autocomplete control
ReUI · Input
Small autocomplete
ReUI · Input
Large autocomplete
ReUI · Input
Form integration
ReUI · Input
Disabled state
ReUI · Input
Auto highlight option as you type
ReUI · Input
Control with label
ReUI · Input
With clear button
ReUI · Button
With trigger button
ReUI · Button
With clear and trigger buttons
ReUI · Button
With groups and labels
ReUI · Input
With search results
ReUI · Input
Basic avatar
ReUI · Testimonial
Basic avatar group
ReUI · Testimonial
Avatar group with numerical count
ReUI · Testimonial
Avatar group with an icon count
ReUI · Testimonial
Avatar with a distinct border ring
ReUI · Testimonial
Avatar with light background color fallback
ReUI · Background
Avatar with a solid background color fallback
ReUI · Background
Avatar with user details and badge
ReUI · Testimonial
Avatar with grayscale image filter
ReUI · Testimonial
Avatar group with online status on one
ReUI · Testimonial
Avatar inside small outline button
ReUI · Button
Avatar with fallback
ReUI · Testimonial
Avatar social proof with text label
ReUI · Text
Compact social proof with initials
ReUI · Testimonial
Avatar group with hover tooltips and lift effect
ReUI · Overlay
Avatar group with hover effect
ReUI · Testimonial
Avatar group with hover effect and tooltips
ReUI · Overlay
Avatar group with numerical count
ReUI · Testimonial
Pilled small outline button with avatar
ReUI · Button
Pilled small button with avatar
ReUI · Button
Avatar inside an empty state example
ReUI · Testimonial
Avatar group with icon count and button
ReUI · Button
Avatars with different sizes
ReUI · Testimonial
Avatar with loading state demonstration
ReUI · Loader
Avatar with custom badge
ReUI · Testimonial
Avatar with ring animation
ReUI · Testimonial
Avatar with gradient animated ring
ReUI · Background
Avatar with multiple badges
ReUI · Testimonial
Compact avatar dropdown menu
ReUI · Navigation
Avatars with different border radiuses
ReUI · Testimonial
Avatars with custom sizes
ReUI · Testimonial
Avatar with an online status badge
ReUI · Testimonial
Avatar with badge icon
ReUI · Testimonial
Avatar with different badge positions
ReUI · Testimonial
Avatar with different badge positions
ReUI · Testimonial
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 with a dismiss button
ReUI · Button
Badge with a status dot
ReUI · Chart
Badge rendered as a link
ReUI · Data Display
Badge with avatar
ReUI · Testimonial
Badge with flag image
ReUI · Media
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 breadcrumb
ReUI · Navigation
Pill-style breadcrumb inside frame
ReUI · Navigation
Breadcrumb items containing badge with count
ReUI · Navigation
Breadcrumb starting with home icon item
ReUI · Navigation
Breadcrumb with a custom separator
ReUI · Navigation
Button-style breadcrumb
ReUI · Button
Breadcrumb with project, user and document info
ReUI · Navigation
Breadcrumb with dropdown menu
ReUI · Navigation
Breadcrumb with Next.js link
ReUI · Navigation
Breadcrumb with a custom slash separator
ReUI · Navigation
Breadcrumb with icons for each item
ReUI · Navigation
Breadcrumb with ellipsis for long paths
ReUI · Navigation
Breadcrumb items with avatars
ReUI · Navigation
Breadcrumb with double chevron separators
ReUI · Navigation
Breadcrumb inside card
ReUI · Card
Support thread with sender alignment
ReUI · Other
Bubble variants in a release thread
ReUI · Other
Grouped consecutive messages
ReUI · Other
Message reactions and a reaction button
ReUI · Button
Long reply with show more
ReUI · Other
Quick reply bubbles and an action row
ReUI · Other
Assistant answer with formatted content
ReUI · Form
Default button
ReUI · Button
Disabled button
ReUI · Button
Icon button
ReUI · Button
Button with an icon on the right
ReUI · Button
Button in a loading state
ReUI · Button
Button with an icon on the left
ReUI · Button
Button with an invalid state highlight
ReUI · Button
Secondary button with an icon on the left
ReUI · Button
Secondary button with an icon on the right
ReUI · Button
Outline button with an icon on the left
ReUI · Button
Outline button with an icon on the right
ReUI · Button
Secondary button
ReUI · Button
Ghost button with an icon on the left
ReUI · Button
Ghost button with an icon on the right
ReUI · Button
Destructive button with an icon on the left
ReUI · Button
Destructive button with an icon on the right
ReUI · Button
Extra small icon button
ReUI · Button
Small icon button
ReUI · Button
Large (lg) icon-only button
ReUI · Button
Button rendered as a Next.js Link
ReUI · Button
Link button with an icon on the left
ReUI · Button
Link button with an icon on the right
ReUI · Button
Outline button
ReUI · Button
Large button with an icon on the left
ReUI · Button
Large button with an icon on the right
ReUI · Button
Outline button with an invalid state
ReUI · Button
Ghost button with an invalid state
ReUI · Button
Button with an icon on the left
ReUI · Button
Ghost button with more/less toggle
ReUI · Button
Social login buttons with Remix Icons
ReUI · Button
Outline like button with count
ReUI · Button
Star button with count
ReUI · Button
Button with an unread badge
ReUI · Button
Ghost button
ReUI · Button
Button with icon, label, and shortcut keys
ReUI · Button
Copy button with feedback
ReUI · Button
Icon-only copy button with feedback
ReUI · Button
Animated hamburger / close toggle button
ReUI · Button
Async action button with loading and success states
ReUI · Button
Outline button with inline count badge
ReUI · Button
Button with status dot badge
ReUI · Button
Ghost button with a status badge
ReUI · Button
Icon button with notification badge
ReUI · Button
Go back link button
ReUI · Button
Destructive button
ReUI · Button
Go back link button with animation
ReUI · Button
Expanding button from icon to label
ReUI · Button
Multi-line button with icon, title & description
ReUI · Button
Sliding Icon Button (Hover reveal)
ReUI · Button
Shortcut Tooltip Button (Kbd hints)
ReUI · Button
Button with avatar
ReUI · Button
Outline button with avatar
ReUI · Button
Small button with avatar
ReUI · Button
Small outline button with avatar
ReUI · Button
Social login buttons with Remix icons
ReUI · Button
Link button variant
ReUI · Button
Social icon-only buttons with Remix icons
ReUI · Button
Theme toggle button with animated moon and sun icons
ReUI · Button
Extra small button
ReUI · Button
Small button
ReUI · Button
Large button
ReUI · Button
Basic button group with two buttons
ReUI · Button
Button group used for standard pagination
ReUI · Button
Pagination split into page numbers and navigation arrows
ReUI · Button
Button group for editor text alignment controls
ReUI · Button
Vertical button group orientation
ReUI · Button
Nested vertical button group for complex tool palettes
ReUI · Button
Star button group with count and dropdown
ReUI · Button
Search input with filter menu and clear button
ReUI · Button
Button group with comprehensive action menu
ReUI · Button
Advanced git toolbar with branch selection and split commit button
ReUI · Button
Button group with dropdown menu and input group
ReUI · Button
Button group with button followed by input
ReUI · Button
Button group with input group and button
ReUI · Button
Button group with dropdown menu and input group
ReUI · Button
Basic button group with disabled button
ReUI · Button
Button group buttons with separators
ReUI · Button
View switcher for dashboard layouts
ReUI · Button
Rating scale using numerical buttons
ReUI · Button
Button group with user selection select
ReUI · Button
Button group with select status addon
ReUI · Button
Volume controller with plus/minus actions
ReUI · Button
Button group with follower count
ReUI · Button
Button group with buttons and badge
ReUI · Button
Active state button group with count
ReUI · Button
Horizontal button group with primary and secondary labels
ReUI · Button
Button group with dropdown menu and view toggle
ReUI · Button
Button group with select controls
ReUI · Button
Segmented control with dropdown inside button group
ReUI · Button
Pagination button group
ReUI · Button
View switcher button group
ReUI · Button
Zoom controls button group
ReUI · Button
Media player controls button group
ReUI · Button
Split button with dropdown trigger
ReUI · Button
Button group with dropdown menu
ReUI · Button
Vertical button group
ReUI · Button
Model selector with tier badges
ReUI · Button
Segmented order type selector
ReUI · Button
Buy sell hold toggle group
ReUI · Button
Pipeline stage mover with dropdown
ReUI · Button
Environment switcher with indicator
ReUI · Button
Compact time interval selector
ReUI · Button
Review actions split button
ReUI · Button
Toolbar filter with export and view toggle
ReUI · Button
Vertical nav links with icons
ReUI · Button
Team activity and collaboration group
ReUI · Button
Toolbar filter sort and more
ReUI · Button
New button with create dropdown
ReUI · Button
Refresh share and export dropdown
ReUI · Button
Publish controls with split button and overflow
ReUI · Button
API service environment and version selectors
ReUI · Button
Payout release controls with amount context
ReUI · Button
Attachment button group with download action
ReUI · Button
Agent mode selector with credit cap dropdown
ReUI · Button
Button group using icons for visual actions
ReUI · Button
Dropdown menu with status indicator
ReUI · Button
Button group styled as a like button with a counter
ReUI · Button
Nested button groups for complex action sets
ReUI · Button
Basic calendar
ReUI · Input
Display week numbers
ReUI · Text
Current month button
ReUI · Button
Today button
ReUI · Button
Custom navigation with year view
ReUI · Input
Preset time selection
ReUI · Input
Calendar with presets
ReUI · Input
Range calendar with presets
ReUI · Input
Calendar with pricing
ReUI · Input
Calendar with presets
ReUI · Input
Appointment calendar
ReUI · Input
Range calendar
ReUI · Input
Display 2 months
ReUI · Input
Display 2 months with range picker
ReUI · Input
Calendar with event list
ReUI · Input
Localize calendar
ReUI · Input
Calendar with date picker
ReUI · Input
Calendar with date range picker
ReUI · Input
Calendar with date picker and year view
ReUI · Input
Calendar with date and appointment picker
ReUI · Input
Calendar with date picker and presets
ReUI · Input
Range calendar with date picker and presets
ReUI · Input
Disabled dates
ReUI · Input
Calendar with date and time range picker
ReUI · Input
Multiple day selection
ReUI · Input
Custom select day style
ReUI · Input
Custom select range style
ReUI · Input
Right navigation
ReUI · Input
Month and year selection
ReUI · Input
Year select with navigation
ReUI · Input
Basic card
ReUI · Card
Full card with image and shadow fade effect
ReUI · Card
Card with stacked depth effect
ReUI · Card
Advanced clean login form card
ReUI · Card
Expandable billing usage card
ReUI · Card
Deployment status summary card
ReUI · Card
Stat card with trend and overflow menu
ReUI · Card
Card with header badge and actions
ReUI · Card
Card with icon, title and link
ReUI · Text
Card with header label and link
ReUI · Card
Card header with border
ReUI · Card
Card with border separation
ReUI · Card
Card with header and footer
ReUI · Card
Card with link
ReUI · Card
Card with dropdown menu
ReUI · Card
Card with image
ReUI · Card
Card with image scale hover effect
ReUI · Card
Card with full image
ReUI · Card
Basic carousel with single item
ReUI · Media
Carousel with overlay thumbnail navigation
ReUI · Navigation
Carousel with dots navigation and content overlays
ReUI · Navigation
Vertical carousel orientation
ReUI · Media
Carousel with multiple items visible
ReUI · Media
Carousel with responsive basis
ReUI · Media
Carousel with autoplay plugin
ReUI · Media
Carousel with centered slide alignment
ReUI · Media
Carousel with custom spacing
ReUI · Media
Carousel with images and overlays
ReUI · Media
Carousel with thumbnail navigation
ReUI · Navigation
Nested attribute picker with drill-down navigation.
ReUI · Input
Translated labels across a country picker.
ReUI · Input
Two-line rows with descriptions and a disabled option.
ReUI · Other
Form field that submits like a native input.
ReUI · Input
Columns mode with independently scrolling panels.
ReUI · Media
Tree mode with inline expand and multi-select scopes.
ReUI · Input
Async drill-down that loads before it navigates.
ReUI · Navigation
Virtualized level with thousands of rows.
ReUI · Other
Consumer-rendered removable chips with path-aware labels.
ReUI · Other
Cascading tree multi-select inside a popover.
ReUI · Input
Status and priority colour dots via renderLabel.
ReUI · Chart
Multi-select permissions with checkboxes and a selection cap.
ReUI · Input
Expense accounts with a colour inherited down each branch.
ReUI · Other
Global search across the whole tree from a nested level.
ReUI · Input
Deep search across every level with path-annotated results.
ReUI · Input
Pinned footer with a side-anchored import flyout.
ReUI · Card
Custom rows with avatars and role badges.
ReUI · Testimonial
Trigger path formatting and collapsing.
ReUI · Form
Embedded panel without a popover.
ReUI · Overlay
Flat adjacency data with a parent pointer.
ReUI · Other
Controlled path, value, query and open state.
ReUI · Chart
Basic bar chart
ReUI · Chart
Duotone gradient bar chart
ReUI · Background
Animated monochrome bar chart
ReUI · Chart
Vertical bar chart
ReUI · Chart
Gradient area chart with stripe overlay
ReUI · Background
Stacked area chart with dashed strokes
ReUI · Chart
Step area chart with dotted pattern fill
ReUI · Chart
Area chart with glowing dot markers
ReUI · Chart
Forecast line chart with stripe pattern zone
ReUI · Chart
Stacked area chart with crosshatch pattern fill
ReUI · Chart
Donut chart with center total
ReUI · Chart
Multi-dataset bar chart
ReUI · Chart
Donut chart with center stats
ReUI · Chart
Bug priority pie with stripe patterns
ReUI · Chart
Active segment donut with center label
ReUI · Chart
Radar chart with gradient fill
ReUI · Background
Filled radar with glowing stroke
ReUI · Chart
Lighthouse scores radial with labels
ReUI · Chart
Diagonal stripe bar chart
ReUI · Chart
Dotted pattern bar chart
ReUI · Chart
Striped and solid bar chart
ReUI · Chart
3D gradient bar chart
ReUI · Background
Gradient bar chart
ReUI · Background
3D isometric bar chart
ReUI · Chart
Dotted and solid bar chart
ReUI · Chart
Basic checkbox with label
ReUI · Toggle
Checkbox group in a frame
ReUI · Toggle
Card checkbox group with icons
ReUI · Card
Card checkbox group with icons
ReUI · Card
Custom positioned checkbox
ReUI · Toggle
Custom positioned checkbox
ReUI · Toggle
Avatar based card checkbox
ReUI · Card
Nested checkbox group
ReUI · Toggle
Payment method card checkbox
ReUI · Card
Checkbox with label and tooltip info
ReUI · Overlay
Checkbox group with badge
ReUI · Toggle
Disabled checkbox
ReUI · Toggle
Checkbox with label and tooltip info
ReUI · Overlay
Inline horizontal checkbox group
ReUI · Toggle
Checkbox with feature badge
ReUI · Toggle
Invalid checkbox
ReUI · Toggle
Indeterminate checkbox
ReUI · Toggle
Checkbox with label and description
ReUI · Toggle
Colored checkbox
ReUI · Toggle
Circle checkbox
ReUI · Toggle
Checkbox group
ReUI · Toggle
Card checkbox with group
ReUI · Card
Basic code block
ReUI · Other
Long file with expand
ReUI · Input
Line actions and diagnostics
ReUI · Other
Line selection
ReUI · Input
Search in file
ReUI · Input
File tabs in a dense frame
ReUI · Input
Pre-highlighted lines
ReUI · Other
Before and after
ReUI · Other
Soft wrap
ReUI · Other
Unified patch review
ReUI · Testimonial
Design-token theme
ReUI · Other
Pinned copy button
ReUI · Button
Always-dark block
ReUI · Other
Dark terminal
ReUI · Other
Patch review actions
ReUI · Testimonial
Nested code folding
ReUI · Other
Fix with AI on the failing line
ReUI · AI
Reference lines in chat
ReUI · AI
Framed by an external ScrollArea
ReUI · Media
ANSI terminal output
ReUI · Other
Streaming agent response
ReUI · AI
AI chat with code fences
ReUI · AI
Diff with change summary
ReUI · Other
Diff via shiki transformers
ReUI · Form
Highlighted lines and words
ReUI · Text
Focus walkthrough
ReUI · Other
Terminal output
ReUI · Other
Basic collapsible
ReUI · Data Display
Tree view with file actions
ReUI · Input
Collapsible with checkbox settings
ReUI · Toggle
Collapsible animated card
ReUI · Card
Collapsible card with bottom trigger
ReUI · Card
Collapsible form fields
ReUI · Form
Collapsible frame
ReUI · Data Display
Nested collapsible list with actions
ReUI · Data Display
Collapsible User profile
ReUI · Input
Multi-level collapsible menu
ReUI · Navigation
A basic combobox with a list of options
ReUI · Input
A combobox rendered inside a popup
ReUI · Input
A combobox used within a form
ReUI · Input
A multi-select combobox
ReUI · Input
A disabled multi-select combobox
ReUI · Input
A multi-select combobox in an invalid state
ReUI · Input
A multi-select with chips that cannot be removed
ReUI · Input
A combobox with custom item rendering
ReUI · Input
A combobox used within a dialog
ReUI · Input
A combobox with a custom trigger icon
ReUI · Input
A multi-select combobox with user tags
ReUI · Input
A disabled combobox
ReUI · Input
Invisible combobox with member tags
ReUI · Input
A status change combobox
ReUI · Input
A priority change combobox
ReUI · Input
A lead selection combobox
ReUI · Input
A multi-member selection combobox
ReUI · Input
A date selection combobox with an optional custom picker dialog
ReUI · Input
A multi-label selection combobox with a no-label mode
ReUI · Input
A team selection combobox
ReUI · Input
An assignee selection combobox
ReUI · Input
A combobox in an invalid state
ReUI · Input
A combobox with a clear button
ReUI · Button
A combobox with auto-highlight enabled
ReUI · Input
A combobox with grouped options
ReUI · Input
A combobox with grouped options and separators
ReUI · Input
A combobox with a large list of options
ReUI · Input
A combobox with an icon addon
ReUI · Input
Basic command
ReUI · Navigation
Command with shortcuts
ReUI · Navigation
Command with groups
ReUI · Navigation
Command with many groups
ReUI · Navigation
File search command palette
ReUI · Input
User search command with avatars
ReUI · Input
Action palette with keyboard shortcuts
ReUI · Navigation
Command with recent and favorites sections
ReUI · Navigation
Basic context menu.
ReUI · Text
Context menu used inside a dialog component.
ReUI · Text
Context menu with icons for common actions.
ReUI · Text
Context menu with keyboard shortcuts.
ReUI · Text
Context menu with nested submenus.
ReUI · Text
Context menu labels and separators.
ReUI · Text
Context menu with checkbox items.
ReUI · Text
Context menu with radio items.
ReUI · Text
Context menu with destructive actions.
ReUI · Text
Context menu with different alignment sides.
ReUI · Text
Data grid with pagination
ReUI · Background
Data grid with column icons
ReUI · Background
Data grid with sortable columns
ReUI · Background
Data grid with movable columns
ReUI · Background
Data grid with draggable columns
ReUI · Background
Data grid with draggable rows
ReUI · Background
Data grid with column resizing
ReUI · Background
Data grid with pinnable columns
ReUI · Background
Data grid with sticky header
ReUI · Background
Data grid with column controls
ReUI · Background
Data grid with card container
ReUI · Background
Data grid with cell border
ReUI · Background
Data grid with column visibility controls
ReUI · Background
Data grid with loading skeleton
ReUI · Background
Data grid with CRUD features
ReUI · Background
Data grid with CRUD in frame container
ReUI · Background
Data grid with column totals footer
ReUI · Background
Data grid with summary stats footer
ReUI · Background
Data grid with per-column aggregate footer
ReUI · Background
Data grid with local infinite scroll
ReUI · Background
Data grid with remote infinite scroll
ReUI · Background
Data grid with row pinning support
ReUI · Background
Data grid with dense layout
ReUI · Background
Data grid with tree rows
ReUI · Background
Data grid with spreadsheet editing
ReUI · Background
Data grid with column virtualization
ReUI · Background
Data grid with localized labels
ReUI · Background
Data grid with server side pagination
ReUI · Background
Data grid without table borders
ReUI · Background
Data grid with striped rows
ReUI · Background
Data grid with auto width table layout
ReUI · Background
Data grid with row selection
ReUI · Background
Data grid with expandable rows
ReUI · Background
Data grid with sub table
ReUI · Background
Basic date selector
ReUI · Input
Date selector with popover
ReUI · Input
Date selector with dialog
ReUI · Input
Date selector with dropdown menu
ReUI · Input
Basic dialog
ReUI · Overlay
Dialog with full width button
ReUI · Button
Dialog with scrollable content
ReUI · Overlay
Dialog with scrollable content and sticky footer.
ReUI · Navigation
Dialog without a close button.
ReUI · Button
Dialog with custom close button
ReUI · Button
Full-screen fluid dialog with sticky header and footer
ReUI · Navigation
Confirmation dialog with destructive action
ReUI · Overlay
Cookie consent dialog
ReUI · Overlay
Dialog with keyboard shortcuts list
ReUI · Overlay
A basic drawer with scrollable content
ReUI · Overlay
A drawer that opens from the right side
ReUI · Overlay
A drawer that opens from the left side
ReUI · Overlay
A drawer that opens from the top side
ReUI · Overlay
Drawers opening from different sides
ReUI · Overlay
Basic dropdown menu
ReUI · Navigation
Workspace switcher dropdown menu
ReUI · Navigation
Notifications dropdown menu
ReUI · Navigation
Actions dropdown menu
ReUI · Navigation
Share and export dropdown menu
ReUI · Navigation
User profile dropdown menu with theme toggle and status selector
ReUI · Input
User and create menu
ReUI · Navigation
Quick action menu
ReUI · Navigation
Notifications dropdown with items
ReUI · Navigation
AI model selector with provider icons
ReUI · Input
Dropdown menus opening positions
ReUI · Navigation
Dropdown menu with icons
ReUI · Navigation
Dropdown menu with keyboard shortcuts
ReUI · Navigation
Dropdown menu with nested submenus
ReUI · Navigation
Dropdown menu with checkboxes
ReUI · Navigation
Dropdown menu with radio groups
ReUI · Navigation
Advance dropdown menu
ReUI · Navigation
User profile dropdown menu
ReUI · Input
Basic empty state
ReUI · Chart
No data analytics empty state
ReUI · Chart
Bookmarks empty state
ReUI · Chart
Tasks empty state
ReUI · Chart
No automations empty state with toggle illustration
ReUI · Toggle
Comments empty state with isometric board illustration
ReUI · Chart
No products empty state with stacked cards and blur effect
ReUI · Card
Search empty state with stacked file cards illustration
ReUI · Card
No messages empty state with chat bubbles illustration
ReUI · Chart
No payments empty state with credit card illustration
ReUI · Card
No integrations empty state with connected nodes illustration
ReUI · Chart
Search empty state
ReUI · Input
No events empty state with calendar illustration
ReUI · Input
Empty state with search input
ReUI · Input
Empty state with add button
ReUI · Button
Document empty state
ReUI · Chart
Dashed upload empty state
ReUI · Input
Inbox empty state
ReUI · Chart
Team members empty state
ReUI · Chart
No notifications empty state
ReUI · Chart
Event calendar with all views and live settings
ReUI · Input
Event calendar with resource view for room bookings
ReUI · Input
Event calendar with create and edit dialog
ReUI · Input
Event calendar with custom event chips
ReUI · Input
Event calendar with drag-to-book appointments
ReUI · Input
Fields with input groups
ReUI · Input
Notification preferences form
ReUI · Form
Form with validation errors
ReUI · Form
Field with input and textarea
ReUI · Text
Field with select control
ReUI · Input
Field with radio groups and checkboxes
ReUI · Toggle
Filed with slider and switch
ReUI · Input
Field with OTP input
ReUI · Input
Settings form with validation
ReUI · Form
Permission settings with checkboxes
ReUI · Toggle
Responsive field layout
ReUI · Other
Basic file upload
ReUI · Input
Cover image upload.
ReUI · Input
Avatar upload
ReUI · Input
Basic drag and drop file upload
ReUI · Input
Gallery file upload
ReUI · Input
Progress file upload
ReUI · Input
Table file upload
ReUI · Input
Image upload
ReUI · Input
Image upload with sorting.
ReUI · Input
Card file upload.
ReUI · Card
Everything in one filter bar
ReUI · Other
Nested groups in a popover
ReUI · Overlay
Nested groups inline, walked back out
ReUI · Other
Controlled, sized and translated
ReUI · Other
Nested attributes at workspace scale
ReUI · Other
Status and priority colour badges
ReUI · Chart
Avatars, paging and a restored view
ReUI · Testimonial
A date and a date range editor
ReUI · Input
Sliders as the value editor
ReUI · Input
Filtering a table
ReUI · Data Display
Choice controls as editors
ReUI · Other
Typed values in shadcn inputs
ReUI · Input
Basic frame
ReUI · Other
Frame with small spacing
ReUI · Other
Frame with default spacing
ReUI · Other
Frame with large spacing
ReUI · Other
Frame with small border radius
ReUI · Other
Frame with medium border radius
ReUI · Other
Frame with large border radius
ReUI · Other
Frame with default border radius
ReUI · Other
Frame with extra large border radius
ReUI · Other
Frame with content-only panels
ReUI · Other
Frame with stacked content-only panels
ReUI · Other
Frame with separated panels
ReUI · Other
Frame with stacked panels
ReUI · Other
Frame with stacked panels and dense style
ReUI · Other
Frame with collapsible panels
ReUI · Data Display
Frame with ghost variant
ReUI · Other
Frame with dense layout
ReUI · Other
Frame with stacked panels
ReUI · Other
Frame with extra small spacing
ReUI · Other
Gantt chart with settings menu and schedulable rows
ReUI · Navigation
Gantt chart with drag-to-reorder tree rows
ReUI · Chart
Gantt chart with quarter roadmap and rollups
ReUI · Chart
Gantt chart with weekly capacity board
ReUI · Chart
Gantt chart with task table and progress
ReUI · Loader
Gantt chart with as-built baseline tracking
ReUI · Chart
Gantt chart with dependency arrows and milestones
ReUI · Chart
Basic hover card.
ReUI · Card
Hover card with positions.
ReUI · Card
Hover card with profile information.
ReUI · Card
Hover card with icon
ReUI · Card
Hover card with an image and text content.
ReUI · Text
Hover card inside a dialog.
ReUI · Card
Timestamp hover card with active relative time
ReUI · Card
Hover card with paginated release notes
ReUI · Card
Isometric icon stack
ReUI · Chart
Icon stack sizes
ReUI · Other
Icon stack colors
ReUI · Other
Icon badge stack
ReUI · Data Display
Empty state illustration
ReUI · Chart
Item media stack
ReUI · Other
Default icon tile
ReUI · Other
List row
ReUI · Data Display
Feature card
ReUI · Card
Empty state
ReUI · Chart
Interactive tile
ReUI · Other
Status overlay
ReUI · Chart
Soft tones
ReUI · Other
Solid tones
ReUI · Other
Brand colors
ReUI · Other
Elevated icon tile
ReUI · Other
Framed icon tile
ReUI · Other
All variants
ReUI · Other
Sizes
ReUI · Other
Circular tiles
ReUI · Other
Custom sizing
ReUI · Other
Color tones
ReUI · Other
Text content
ReUI · Text
Basic input
ReUI · Input
Input with number type
ReUI · Text
Input with date type
ReUI · Input
Input with file type
ReUI · Input
Input with required indicator
ReUI · Input
Input with time type
ReUI · Input
Complex input form with multiple fields
ReUI · Input
Input label with tooltip
ReUI · Input
Input label with badge
ReUI · Input
Input label with optional badge
ReUI · Input
Input label with link and visibility toggle
ReUI · Input
Input with label
ReUI · Input
Input with horizontal orientation
ReUI · Input
Input with multiple error messages
ReUI · Input
Basic password strength with dynamic hint and icons
ReUI · Text
Advanced password strength indicator with progress
ReUI · Text
Input with pulsed background animation
ReUI · Background
Input with custom focus ring
ReUI · Input
Input with subtle background
ReUI · Background
Input with bottom border only
ReUI · Input
Color input
ReUI · Input
Range input with value indicator
ReUI · Input
Input with description
ReUI · Input
Pill-shaped input
ReUI · Input
Minimal input without borders or background
ReUI · Background
Disabled input
ReUI · Input
Input with error message
ReUI · Input
Input with character counter
ReUI · Text
Input with password type
ReUI · Text
Input with phone type
ReUI · Input
Input with URL type
ReUI · Input
Basic input group
ReUI · Input
Input group with action button addon
ReUI · Button
Input group with icon button action
ReUI · Button
Input group with dropdown menu selection
ReUI · Input
Input group with keyboard shortcut (Kbd)
ReUI · Input
Input group with tooltip action
ReUI · Input
Input group with loading spinner
ReUI · Card
Input group with block-start addon
ReUI · Input
Textarea input group with dynamic character limit
ReUI · Text
AI Chat textarea with rich toolbar actions
ReUI · Text
AI Chat interface with file and context attachments
ReUI · Text
Input group in disabled state
ReUI · Input
Input group demonstrating label usage
ReUI · Input
Input group with multiple icons/buttons at the end
ReUI · Button
Input group with popover trigger addon
ReUI · Input
Input group with Sparkles icon and complex Kbd shortcut
ReUI · Input
Input group with success indicator circle
ReUI · Input
Input group with search results count
ReUI · Input
Textarea input group with action buttons
ReUI · Button
Input group wrapped in a button group with text prefixes/suffixes
ReUI · Button
Input group with a menu button (three dots) at the end
ReUI · Button
Pill-shaped input group with a category dropdown at the end
ReUI · Input
Input group in invalid state
ReUI · Input
Input group with inline addons (no separating borders)
ReUI · Input
Input group with inline start and block-end addon
ReUI · Input
Member row with avatar, email and role selection
ReUI · Input
Project save interface with status and action buttons
ReUI · Button
Pill-shaped AI prompt bar with voice and audio icons
ReUI · Input
Password input with visibility toggle
ReUI · Text
API request input with method selector and send action
ReUI · Input
Order search input with status filter
ReUI · Input
Company search input with region selector
ReUI · Input
Contact search input with filter and actions menu
ReUI · Input
Input group with prefix icon
ReUI · Input
Share link input with visibility selector and copy action
ReUI · Input
Input group with suffix icon
ReUI · Input
Input group with both prefix and suffix icons
ReUI · Input
Input group with prefix text addon
ReUI · Text
Input group with suffix text addon
ReUI · Text
Input group with both prefix and suffix text addons
ReUI · Text
Basic OTP input.
ReUI · Input
OTP input with numeric digits.
ReUI · Input
OTP input with multiple separators.
ReUI · Input
OTP input with letters and numbers.
ReUI · Text
OTP input for PIN codes.
ReUI · Card
OTP input verification code.
ReUI · Input
Basic item with title and description
ReUI · Text
Item with header and footer sections
ReUI · Navigation
Integration items with connect actions
ReUI · Other
Activity feed items with avatars and actions
ReUI · Testimonial
Items with icon media and action buttons
ReUI · Button
User item with avatar, info, and follow button
ReUI · Button
Clickable navigation items with icons and chevron
ReUI · Navigation
Item group with status badges
ReUI · Chart
File items with icon media, size, and actions
ReUI · Input
Items with keyboard shortcuts
ReUI · Other
Small-size items with badges
ReUI · Data Display
Team members with roles and multiple actions
ReUI · Other
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
Feature roadmap kanban with progress
ReUI · Loader
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 key within an input.
ReUI · Input
Keyboard shortcut in a tooltip.
ReUI · Overlay
Keyboard shortcuts reference list
ReUI · Data Display
Basic label.
ReUI · Other
Label with helper description text
ReUI · Text
Label with error state
ReUI · Chart
Label with inline edit toggle
ReUI · Toggle
Label with status indicator dot
ReUI · Chart
Label paired with a checkbox.
ReUI · Toggle
Label for a textarea field.
ReUI · Text
Label in a disabled state.
ReUI · Chart
Label with required indicator
ReUI · Other
Label with optional indicator
ReUI · Other
Label with tooltip info icon
ReUI · Overlay
Label with badge indicator
ReUI · Data Display
Label with character counter
ReUI · Text
Default, separator, and border markers
ReUI · Other
Tool call log with icon markers
ReUI · Other
Run status markers with a live step
ReUI · Chart
Agent run log grouped by phase separators
ReUI · AI
Changed files summary with border markers
ReUI · Input
Markers as links and as an action button
ReUI · Button
Basic menubar.
ReUI · Navigation
Menubar with dropdown submenus.
ReUI · Navigation
Menubar with checkbox & radio items.
ReUI · Navigation
Menubar with icons.
ReUI · Navigation
Menubar for formatting and media.
ReUI · Form
Two-sided conversation
ReUI · Other
Avatars on both sides
ReUI · Testimonial
Sender name and delivery status
ReUI · Chart
Reply actions in the footer
ReUI · Navigation
Files shared in a thread
ReUI · Input
Consecutive messages from one sender
ReUI · Other
Streaming reply with a pending state
ReUI · Chart
Chat transcript with jump to latest
ReUI · AI
Streaming reply that follows the edge
ReUI · Media
Anchored turn with a previous peek
ReUI · Media
Opening position for a saved thread
ReUI · Media
Load earlier without losing your place
ReUI · Media
Thread navigator for stepping turns
ReUI · Card
Basic native select.
ReUI · Input
Native select with options grouped.
ReUI · Input
Small native select.
ReUI · Input
Native select embedded within a field.
ReUI · Input
Disabled native select.
ReUI · Input
Invalid native select.
ReUI · Input
Basic navigation menu.
ReUI · Navigation
Navigation menu with grid layout.
ReUI · Background