Card
Observability Plus is replacing Monitoring
Switch to the improved way to explore your data, with natural language. Monitoring will no longer be available on the Pro plan in November, 2025
Show Dialog
Warning
Form
User Information
Please fill in your details below
More options
Name
Role
Select a role
Framework
Comments
Submit
Cancel
Badge Variants
Badge Showcase
Different badge variants and styles
Default
Secondary
Destructive
Outline
Button Variants
Button Showcase
Different button variants and sizes
Default
Secondary
Destructive
Outline
Ghost
Link
Small
Default
Large
Input Group
Input Group Showcase
Input groups with various addons and configurations
Search
Price
USD
Email
URL
Separator
Separator Showcase
Horizontal and vertical separators
Content above separator
Content below separator
Left content
Right content
Accordion
Accordion
Collapsible content sections
Is it accessible?
Is it styled?
Is it animated?
Alert
Alerts
Display important messages
Heads up!
You can add components to your app using the cli.
Error
Your session has expired. Please log in again.
Avatar
Avatars
User profile images
CN
JD
VC
Checkbox
Checkboxes
Selection controls
Accept terms and conditions
Send me marketing emails
Disabled option
Dialog
Dialog
Modal dialogs
Open Dialog
Popover
Popover
Floating content
Open Popover
Progress
Progress
Progress indicators
Radio Group
Radio Group
Radio button groups
Default
Comfortable
Compact
Slider
Slider
Range input controls
Volume: 50%
Brightness
Switch
Switch
Toggle switches
Airplane Mode
Wi-Fi
Bluetooth (Disabled)
Tabs
Tabs
Tabbed content
Account
Password
Name
Username
Tooltip
Tooltip
Hover information
Hover me
Toggle
Toggle
Toggle buttons and groups
Left
Center
Right
Breadcrumb
Breadcrumb
Navigation breadcrumbs
Components
Breadcrumb
Collapsible
Collapsible
Collapsible sections
@peduarte starred 3 repositories
Toggle
@radix-ui/primitives
Context Menu
Context Menu
Right-click menu
Right click here
Hover Card
Hover Card
Hover popup cards
@nextjs
Menubar
Menubar
Menu bar navigation
File
Edit
Pagination
Pagination
Page navigation
Previous
1
2
3
More pages
Next
Scroll Area
Scroll Area
Custom scrollbars
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 17
Item 18
Item 19
Item 20
Skeleton
Skeleton
Loading placeholders
Table
Table
Data tables
A list of recent invoices.
Invoice
Status
Method
Amount
INV001
Paid
Credit Card
$250.00
INV002
Pending
PayPal
$150.00
INV003
Unpaid
Bank Transfer
$350.00
Aspect Ratio
Aspect Ratio
Aspect ratio containers