Color / Theme Explorer Shadcn UI, themed with Shipixen ⋅ 210 demos
Change theme
Accordion
Alert
Heads up!
Alert Destructive
Error
Alert Dialog
Aspect Ratio
Authentication 01
Login
Enter your email below to login to your account.
Authentication 02
Login
Enter your email below to login to your account
Authentication 03
Sign Up
Enter your information to create an account
Avatar
AVBadge
Badge Secondary
Badge Destructive
Badge Outline
Breadcrumb
Breadcrumb Dropdown
Breadcrumb Ellipsis
Breadcrumb Link
Breadcrumb Responsive
Breadcrumb Separator
Button
Button Destructive
Button Ghost
Button Icon
Button Link
Button Loading
Button Outline
Button Secondary
Button With Icon
Button CTA
Calendar
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Cards: Activity Goal
Move Goal
Set your daily activity goal.
Cards: Calendar
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Card: Notifications
Notifications
You have 3 unread messages.
Push Notifications
Send notifications to device.
Your call has been confirmed.
1 hour ago
You have a new message!
1 hour ago
Your subscription is expiring soon!
2 hours ago
Cards: Chat
Sofia Davis
m@example.com
Cards: Create Account
Create an account
Enter your email below to create your account
Cards: Payment Method
Payment Method
Add a new payment method to your account.
Cards: Report Issue
Report an issue
What area are you having problems with?
Cards: Share
Share this document
Anyone with the link can view this document.
People with access
Olivia Martin
m@example.com
Isabella Nguyen
b@example.com
Sofia Davis
p@example.com
Cards: Team Members
Team Members
Invite your team members to collaborate.
Sofia Davis
m@example.com
Jackson Lee
p@example.com
Isabella Nguyen
i@example.com
Card With Form
Create project
Deploy your new project in one-click.
Cards: Stats
Total Revenue
+20.1% from last month
Subscriptions
+180.1% from last month
Cards: Metric
Exercise Minutes
Your exercise minutes are ahead of where you normally are.
Checkbox
Carousel
Carousel Orientation
Carousel Size
Carousel Spacing
Chart Area Axes
Area Chart - Axes
Showing total visitors for the last 6 months
Chart Area Default
Area Chart
Showing total visitors for the last 6 months
Chart Area Gradient
Area Chart - Gradient
Showing total visitors for the last 6 months
Chart Area Icons
Area Chart - Icons
Showing total visitors for the last 6 months
Chart Area Interactive
Area Chart - Interactive
Showing total visitors for the last 3 months
Chart Area Legend
Area Chart - Legend
Showing total visitors for the last 6 months
Chart Area Linear
Area Chart - Linear
Showing total visitors for the last 6 months
Chart Area Stacked Expand
Area Chart - Stacked Expanded
Showing total visitors for the last 6months
Chart Area Stacked
Area Chart - Stacked
Showing total visitors for the last 6 months
Chart Area Step
Area Chart - Step
Showing total visitors for the last 6 months
Chart Bar Active
Bar Chart - Active
January - June 2024
Chart Bar Default
Bar Chart
January - June 2024
Chart Bar Horizontal
Bar Chart - Horizontal
January - June 2024
Chart Bar Interactive
Bar Chart - Interactive
Showing total visitors for the last 3 months
Chart Bar Label Custom
Bar Chart - Custom Label
January - June 2024
Chart Bar Label
Bar Chart - Label
January - June 2024
Chart Bar Mixed
Bar Chart - Mixed
January - June 2024
Chart Bar Multiple
Bar Chart - Multiple
January - June 2024
Chart Bar Negative
Bar Chart - Negative
January - June 2024
Chart Bar Stacked
Bar Chart - Stacked + Legend
January - June 2024
Chart Line Default
Line Chart
January - June 2024
Chart Line Dots Colors
Line Chart - Dots Colors
January - June 2024
Chart Line Dots Custom
Line Chart - Custom Dots
January - June 2024
Chart Line Dots
Line Chart - Dots
January - June 2024
Chart Line Interactive
Line Chart - Interactive
Showing total visitors for the last 3 months
Chart Line Label Custom
Line Chart - Custom Label
January - June 2024
Chart Line Label
Line Chart - Label
January - June 2024
Chart Line Linear
Line Chart - Linear
January - June 2024
Chart Line Multiple
Line Chart - Multiple
January - June 2024
Chart Line Step
Line Chart - Step
January - June 2024
Chart Pie Donut Active
Pie Chart - Donut Active
January - June 2024
Chart Pie Donut Text
Pie Chart - Donut with Text
January - June 2024
Chart Pie Donut
Pie Chart - Donut
January - June 2024
Chart Pie Interactive
Pie Chart - Interactive
January - June 2024
Chart Pie Label Custom
Pie Chart - Custom Label
January - June 2024
Chart Pie Label List
Pie Chart - Label List
January - June 2024
Chart Pie Label
Pie Chart - Label
January - June 2024
Chart Pie Legend
Pie Chart - Legend
January - June 2024
Chart Pie Separator None
Pie Chart - Separator None
January - June 2024
Chart Pie Simple
Pie Chart
January - June 2024
Chart Pie Stacked
Pie Chart - Stacked
January - June 2024
Chart Radar Default
Radar Chart
Showing total visitors for the last 6 months
Chart Radar Dots
Radar Chart - Dots
Showing total visitors for the last 6 months
Chart Radar Grid Circle Fill
Radar Chart - Grid Circle Filled
Showing total visitors for the last 6 months
Chart Radar Grid Circle No Lines
Radar Chart - Grid Circle - No lines
Showing total visitors for the last 6 months
Chart Radar Grid Circle
Radar Chart - Grid Circle
Showing total visitors for the last 6 months
Chart Radar Grid Custom
Radar Chart - Grid Custom
Showing total visitors for the last 6 months
Chart Radar Grid Fill
Radar Chart - Grid Filled
Showing total visitors for the last 6 months
Chart Radar Grid None
Radar Chart - Grid None
Showing total visitors for the last 6 months
Chart Radar Icons
Radar Chart - Icons
Showing total visitors for the last 6 months
Chart Radar Label Custom
Radar Chart - Custom Label
Showing total visitors for the last 6 months
Chart Radar Legend
Radar Chart - Legend
Showing total visitors for the last 6 months
Chart Radar Lines Only
Radar Chart - Lines Only
Showing total visitors for the last 6 months
Chart Radar Multiple
Radar Chart - Multiple
Showing total visitors for the last 6 months
Chart Radar Radius
Radar Chart - Radius Axis
Showing total visitors for the last 6 months
Chart Radial Grid
Radial Chart - Grid
January - June 2024
Chart Radial Label
Radial Chart - Label
January - June 2024
Chart Radial Shape
Radial Chart - Shape
January - June 2024
Chart Radial Simple
Radial Chart
January - June 2024
Chart Radial Stacked
Radial Chart - Stacked
January - June 2024
Chart Radial Text
Radial Chart - Text
January - June 2024
Chart Scatter
Scatter Chart
Showing total visitors for the last 6 months
Collapsible
@shipixen starred 3 repositories
Combobox
Combobox Dropdown Menu
featureCreate a new project
Combobox Popover
Status
Combobox Responsive
Command
Command Dialog
Press ⌘J
Context Menu
Right click hereData Table
| Status | Amount | |||
|---|---|---|---|---|
success | ken99@yahoo.com | $316.00 | ||
success | Abe45@gmail.com | $242.00 | ||
processing | Monserrat44@gmail.com | $837.00 | ||
success | Silas22@gmail.com | $874.00 | ||
failed | carmella@hotmail.com | $721.00 |
Date Picker
Dashboard 1
Total Revenue
+20.1% from last month
Subscriptions
+180.1% from last month
Sales
+19% from last month
Active Now
+201 since last hour
Transactions
Recent transactions from your store.
| Customer | Amount |
|---|---|
Liam Johnson liam@example.com | $250.00 |
Olivia Smith olivia@example.com | $150.00 |
Noah Williams noah@example.com | $350.00 |
Emma Brown emma@example.com | $450.00 |
Liam Johnson liam@example.com | $550.00 |
Recent Sales
Olivia Martin
olivia.martin@email.com
Jackson Lee
jackson.lee@email.com
Isabella Nguyen
isabella.nguyen@email.com
William Kim
will@email.com
Sofia Davis
sofia.davis@email.com
Dashboard 1 Part 1
Total Revenue
+20.1% from last month
Dashboard 1 Part 2
Subscriptions
+180.1% from last month
Dashboard 1 Part 3
Sales
+19% from last month
Dashboard 1 Part 4
Active Now
+201 since last hour
Dashboard 1 Part 5
Transactions
Recent transactions from your store.
| Customer | Amount |
|---|---|
Liam Johnson liam@example.com | $250.00 |
Olivia Smith olivia@example.com | $150.00 |
Noah Williams noah@example.com | $350.00 |
Emma Brown emma@example.com | $450.00 |
Liam Johnson liam@example.com | $550.00 |
Dashboard 1 Part 6
Recent Sales
Olivia Martin
olivia.martin@email.com
Jackson Lee
jackson.lee@email.com
Isabella Nguyen
isabella.nguyen@email.com
William Kim
will@email.com
Sofia Davis
sofia.davis@email.com
Dashboard 2
Upgrade to Pro
Unlock all features and get unlimited access to our support team.
Inventory
You have no products
You can start selling as soon as you add a product.
Dashboard 2 Part 1
Upgrade to Pro
Unlock all features and get unlimited access to our support team.
Dashboard 2 Part 2
You have no products
You can start selling as soon as you add a product.
Dashboard 3
Playground
Dashboard 3 Part 1
Dashboard 3 Part 2
Dashboard 4
Settings
Store Name
Used to identify your store in the marketplace.
Plugins Directory
The directory within your project, in which your plugins are located.
Dashboard 4 Part 1
Dashboard 4 Part 2
Store Name
Used to identify your store in the marketplace.
Dashboard 4 Part 3
Plugins Directory
The directory within your project, in which your plugins are located.
Dashboard 5
Your Orders
Introducing Our Dynamic Orders Dashboard for Seamless Management and Insightful Analysis.
This Week
$1,329
This Month
$5,329
Orders
Recent orders from your store.
| Customer | Amount |
|---|---|
Liam Johnson liam@example.com | $250.00 |
Olivia Smith olivia@example.com | $150.00 |
Noah Williams noah@example.com | $350.00 |
Emma Brown emma@example.com | $450.00 |
Liam Johnson liam@example.com | $250.00 |
Liam Johnson liam@example.com | $250.00 |
Olivia Smith olivia@example.com | $150.00 |
Emma Brown emma@example.com | $450.00 |
Order Oe31b70H
Date: November 23, 2023
- Glimmer Lamps x 2$250.00
- Aqua Filters x 1$49.00
- Subtotal$299.00
- Shipping$5.00
- Tax$25.00
- Total$329.00
- Customer
- Liam Johnson
- liam@acme.com
- Phone
- +1 234 567 890
- Visa
- **** **** **** 4532
Dashboard 5 Part 1
Your Orders
Introducing Our Dynamic Orders Dashboard for Seamless Management and Insightful Analysis.
Dashboard 5 Part 2
This Week
$1,329
Dashboard 5 Part 3
This Month
$5,329
Dashboard 5 Part 4
Orders
Recent orders from your store.
| Customer | Amount |
|---|---|
Liam Johnson liam@example.com | $250.00 |
Olivia Smith olivia@example.com | $150.00 |
Noah Williams noah@example.com | $350.00 |
Emma Brown emma@example.com | $450.00 |
Liam Johnson liam@example.com | $250.00 |
Liam Johnson liam@example.com | $250.00 |
Olivia Smith olivia@example.com | $150.00 |
Emma Brown emma@example.com | $450.00 |
Dashboard 5 Part 5
Order Oe31b70H
Date: November 23, 2023
- Glimmer Lamps x 2$250.00
- Aqua Filters x 1$49.00
- Subtotal$299.00
- Shipping$5.00
- Tax$25.00
- Total$329.00
- Customer
- Liam Johnson
- liam@acme.com
- Phone
- +1 234 567 890
- Visa
- **** **** **** 4532
Dashboard 6
Products
Manage your products and view their sales performance.
| Name | Status | Actions |
|---|---|---|
| Laser Lemonade Machine | Draft | |
| Hypernova Headphones | Active | |
| AeroGlow Desk Lamp | Active | |
| TechTonic Energy Drink | Draft | |
| Gamer Gear Pro Controller | Active | |
| Luminous VR Headset | Active |
Dashboard 6 Part 1
Products
Manage your products and view their sales performance.
| Name | Status | Actions |
|---|---|---|
| Laser Lemonade Machine | Draft | |
| Hypernova Headphones | Active | |
| AeroGlow Desk Lamp | Active | |
| TechTonic Energy Drink | Draft | |
| Gamer Gear Pro Controller | Active | |
| Luminous VR Headset | Active |
Dashboard 7
Pro Controller
Product Details
Lipsum dolor sit amet, consectetur adipiscing elit
Stock
Lipsum dolor sit amet, consectetur adipiscing elit
| SKU | Stock | Price | Size |
|---|---|---|---|
| GGPC-001 | |||
| GGPC-002 | |||
| GGPC-003 |
Product Category
Product Status
Product Images
Lipsum dolor sit amet, consectetur adipiscing elit
Archive Product
Lipsum dolor sit amet, consectetur adipiscing elit.
Dashboard 7 Part 1
Product Details
Lipsum dolor sit amet, consectetur adipiscing elit
Dashboard 7 Part 2
Stock
Lipsum dolor sit amet, consectetur adipiscing elit
| SKU | Stock | Price | Size |
|---|---|---|---|
| GGPC-001 | |||
| GGPC-002 | |||
| GGPC-003 |
Dashboard 7 Part 3
Product Category
Dashboard 7 Part 4
Product Status
Dashboard 7 Part 5
Product Images
Lipsum dolor sit amet, consectetur adipiscing elit
Dashboard 7 Part 6
Archive Product
Lipsum dolor sit amet, consectetur adipiscing elit.
Date Picker With Presets
Date Picker With Range
Dialog
Drawer
Drawer Dialog
Dropdown Menu
Dropdown Menu Checkboxes
Dropdown Menu Radio Group
Hover Card
Input
Input Disabled
Input File
Input With Button
Input With Label
Input With Text
Enter your email address.
Menubar
Mode Toggle
Navigation Menu
Popover
Pagination
Progress
Radio Group
Resizable
Resizable Handle
Resizable Vertical
Scroll Area
Scroll Area Horizontal
Select
Select Form
Select Scrollable
Separator
Radix Primitives
An open-source UI component library.
Sheet
Sheet Side
Skeleton
Slider
Switch
Switch Form
Table
| 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 | ||
Tabs
Account
Make changes to your account here. Click save when you're done.
Textarea
Textarea Disabled
Textarea With Button
Textarea With Label
Textarea With Text
Your message will be copied to the support team.
Toast
Toast Destructive
Toast With Action
Toast With Title
Toggle
Toggle Disabled
Toggle Group
Toggle Group Sm
Toggle Group Lg
Toggle Group Disabled
Toggle Group Outline
Toggle Group Single
Tooltip
Typography
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 Treasury | People's happiness |
|---|---|
| Empty | Overflowing |
| Modest | Satisfied |
| Full | Ecstatic |
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.
