Catalyst UI Kit Showcase
Exploring the capabilities of Tailwind's modern component library
View Official Catalyst Documentation →Typography
Main Heading
Secondary Heading
This is body text demonstrating the typography styles available in the Catalyst UI kit.
Small text example for additional hierarchy.
Badges & Status
Standard Badges
Interactive Badges
Form Elements
Basic Form
Select & Options
Checkboxes & Switches
Radio Groups
Dropdowns & Menus
Dropdown Menu
Listbox
Combobox (Search & Select)
Pagination
Avatars
Data Display
Description List
- Name
- Sarah Chen
- Role
- Product Designer
- sarah@example.com
- Status
- Active
Data Table
| Name | Status | Role | |
|---|---|---|---|
| Sarah Chen | Active | Designer | sarah@example.com |
| Alex Rodriguez | Pending | Developer | alex@example.com |
| Maria Santos | Active | Manager | maria@example.com |
Overlays & Modals
Alert Dialog
Custom Dialog
Layout Components
Responsive layout patterns built with Catalyst components
Card Layouts
Sarah Chen
Product Designer
Example card layout combining avatars, typography, and interactive elements.
Settings Panel
Quick Actions
Layout Patterns
Stacked Layout Pattern
A layout pattern for stacking content sections vertically with consistent spacing.
Sidebar Layout Pattern
A layout pattern with a fixed sidebar and main content area.
Interactive demos for alerts and dialogs are available in the Overlays & Modals section above.