Documents

Basics
Button
Button Group
Badge
Badge Secondary Destructive Outline
Verified 8 99 20+
Kbd
Ctrl + B
Spinner
Progress
Avatar
CN
ER
CN
LR
ER
Skeleton
Separator

Bits UI Primitives

An open-source UI component library.

Blog
Docs
Source
Label
Inputs
Input
Textarea
Checkbox

By clicking this checkbox, you agree to the terms and conditions.

Switch
Radio Group
Select
Combobox
Date Picker
Native Select
Slider
Toggle
Toggle Group
Input Group
12 results
https://
52% used
Input OTP
Field
Payment Method

All transactions are secure and encrypted

Enter your 16-digit number.

Billing Address

The billing address associated with your payment method

Form

We are not actively developing this component anymore.

The Form component is an abstraction over the formsnap & sveltekit-superforms libraries. Going forward, we recommend using the Field component to build forms.

Overlays & Menus
Alert
Alert Dialog
Dialog
Drawer
Sheet
Popover
Tooltip
Hover Card
Dropdown Menu
Context Menu
Right click here
Menubar
Navigation Menu
Command
Sonner
Accordion

Our flagship product combines cutting-edge technology with sleek design. Built with premium materials, it offers unparalleled performance and reliability.

Key features include advanced processing capabilities, and an intuitive user interface designed for both beginners and experts.

Collapsible

@peduarte starred 3 repositories

@radix-ui/primitives
Layout & Data
Card
Login to your account

Enter your email below to login to your account

Item
Basic Item

A simple item with title and description.

Your profile has been verified.
Empty
No data
Add some data to see it in this space.
Aspect Ratio
Gray by Drew Beamer
Breadcrumb
Tabs
Account

Make changes to your account here. Click save when you're done.

Table
A list of your recent invoices.
Invoice Status Method Amount
INV001 Paid Credit Card $250.00
INV002 Pending PayPal $150.00
INV003 Unpaid Bank Transfer $350.00
INV004 Paid Credit Card $450.00
INV005 Paid PayPal $550.00
INV006 Pending Bank Transfer $200.00
INV007 Unpaid Credit Card $300.00
Total $2,500.00
Pagination
Scroll Area

Tags

v1.2.0-beta.50
v1.2.0-beta.49
v1.2.0-beta.48
v1.2.0-beta.47
v1.2.0-beta.46
v1.2.0-beta.45
v1.2.0-beta.44
v1.2.0-beta.43
v1.2.0-beta.42
v1.2.0-beta.41
v1.2.0-beta.40
v1.2.0-beta.39
v1.2.0-beta.38
v1.2.0-beta.37
v1.2.0-beta.36
v1.2.0-beta.35
v1.2.0-beta.34
v1.2.0-beta.33
v1.2.0-beta.32
v1.2.0-beta.31
v1.2.0-beta.30
v1.2.0-beta.29
v1.2.0-beta.28
v1.2.0-beta.27
v1.2.0-beta.26
v1.2.0-beta.25
v1.2.0-beta.24
v1.2.0-beta.23
v1.2.0-beta.22
v1.2.0-beta.21
v1.2.0-beta.20
v1.2.0-beta.19
v1.2.0-beta.18
v1.2.0-beta.17
v1.2.0-beta.16
v1.2.0-beta.15
v1.2.0-beta.14
v1.2.0-beta.13
v1.2.0-beta.12
v1.2.0-beta.11
v1.2.0-beta.10
v1.2.0-beta.9
v1.2.0-beta.8
v1.2.0-beta.7
v1.2.0-beta.6
v1.2.0-beta.5
v1.2.0-beta.4
v1.2.0-beta.3
v1.2.0-beta.2
v1.2.0-beta.1
Resizable
Sidebar
Header
Content
Carousel
1
2
3
4
5
Chart
Calendar
March 2026
SuMoTuWeThFrSa
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
Range Calendar
March 2026
SuMoTuWeThFrSa
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
Sidebar
Typography
Typography

Taxing Laughter: The Joke Tax Chronicles

Once upon a time, in a far-off land, there was a very lazy king who spent all day lounging on his throne. One day, his advisors came to him with a problem: the kingdom was running out of money.

The King's Plan

The king thought long and hard, and finally came up with a brilliant plan: he would tax the jokes in the kingdom.

"After all," he said, "everyone enjoys a good joke, so it's only fair that they should pay for the privilege."

The Joke Tax

The king's subjects were not amused. They grumbled and complained, but the king was firm:

  • 1st level of puns: 5 gold coins
  • 2nd level of jokes: 10 gold coins
  • 3rd level of one-liners: 20 gold coins

As a result, people stopped telling jokes, and the kingdom fell into a gloom. But there was one person who refused to let the king's foolishness get him down: a court jester named Jokester.

Jokester's Revolt

Jokester began sneaking into the castle in the middle of the night and leaving jokes all over the place: under the king's pillow, in his soup, even in the royal toilet. The king was furious, but he couldn't seem to stop Jokester.

And then, one day, the people of the kingdom discovered that the jokes left by Jokester were so funny that they couldn't help but laugh. And once they started laughing, they couldn't stop.

The People's Rebellion

The people of the kingdom, feeling uplifted by the laughter, started to tell jokes and puns again, and soon the entire kingdom was in on the joke.

King's TreasuryPeople's happiness
EmptyOverflowing
ModestSatisfied
FullEcstatic

The king, seeing how much happier his subjects were, realized the error of his ways and repealed the joke tax. Jokester was declared a hero, and the kingdom lived happily ever after.

The moral of the story is: never underestimate the power of a good laugh and always be careful of bad ideas.

Lead

A modal dialog that interrupts the user with important content and expects a response.

Large
Are you absolutely sure?
Small
Email address
Muted

Enter your email address.

Inline Code
@radix-ui/react-alert-dialog
Workspace Blocks
Rich Section

Total Revenue

$1,250.00
+12.5%
Trending up this month
Visitors for the last 6 months

New Customers

1,234
-20%
Down 20% this period
Acquisition needs attention

Active Accounts

45,678
+12.5%
Strong user retention
Engagement exceed targets

Growth Rate

4.5%
+4.5%
Steady performance increase
Meets growth projections
Rich Chart
Total Visitors

Last 30 days

Rich Data Table
Proposal Sections

Manage sections, limits, and reviewers for the outline view.

HeaderSection TypeStatus
Target
Limit
Reviewer
Cover page
In Process
Eddie Lake
Table of contents
Done
Eddie Lake
Narrative
Done
Eddie Lake
Narrative
Done
Jamik Tashpulatov
Narrative
In Process
Jamik Tashpulatov
Narrative
In Process
Jamik Tashpulatov
Narrative
In Process
Jamik Tashpulatov
Narrative
Done
Technical content
Done
Narrative
Done
Page 1 of 7
Rich Header
Total Visitors

Total for the last 30 days

Place table, chart, or other big component here while keeping the same header spacing.