Component Showcase
Explore the UI components available in this template. All components are built with Radix UI primitives and styled with Tailwind CSS v4.
Button
Buttons trigger actions or navigation. Available in multiple variants and sizes.
Variants
Sizes
States
With Icons
Input
Form inputs for collecting user data. Supports various types, variants, and sizes.
Variants
Sizes
Input Types
Dialog
Modal dialogs for focused interactions. Built with Radix UI for accessibility.
Click the button to open a modal dialog with header, content, and footer.
Toast
Toast notifications for non-blocking feedback. Supports multiple variants and auto-dismiss.
Click the buttons to trigger different toast notifications.
Table
Data tables for displaying structured information. Responsive with overflow handling.
| 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 | Credit Card | $550.00 |
Tabs
Tab panels for organizing content into switchable views. Built with Radix UI.
Account Settings
Make changes to your account here. Click save when you're done.