Components Showcase
Explore curated, real-world layouts built with Catppuccin UI. Switch tabs to preview different experiences.
Quick Actions
Open inPrimary and secondary actions with subtle and gradient styles.
Invite Teammate
Send a collaborative invite by email.
Notification Preferences
Choose what you want to be notified about and how often.
Dialog
Modal built on Radix Dialog for confirmations and forms.
Audio Settings
Slider with accent color.
Choose a Plan
Simple pricing picker example.
Combobox
Searchable select with playful yet professional styling.
Data Table
Open inCompact, zebra-striped table with tasteful hover and focus states.
| Project | Owner | Status | Issues |
|---|---|---|---|
| Nova UI | Mina Aya | Active | 12 |
| Quartz Docs | Ariel Moor | Maint. | 4 |
| Atlas API | Jon Snow | Blocked | 7 |
| Total | 23 | ||
Navigation Trail
Concise context with playful separators and strong focus styles.
Combobox
Searchable select with playful yet professional styling.
Data Table
Open inCompact, zebra-striped table with tasteful hover and focus states.
| Project | Owner | Status | Issues |
|---|---|---|---|
| Nova UI | Mina Aya | Active | 12 |
| Quartz Docs | Ariel Moor | Maint. | 4 |
| Atlas API | Jon Snow | Blocked | 7 |
| Total | 23 | ||