Theme Preview

Paste CSS from Daub Style extension, drop a JSON export, or type token overrides manually.

Drop a .json file here
or paste JSON from "Export JSON"
Buttons
Cards

Card Title

Sample card content with some preview text to check typography and spacing.

Interactive Card

This card has hover effects. Try hovering over it.

Form Fields
Toggle switch
Badges
Default New Success Warning Error
Chips
Default Red Green Blue Purple Amber Pink
Alerts
This is an informational alert message.
Operation completed successfully.
Please review before proceeding.
Something went wrong. Please try again.
Table
NameRoleStatus
Alice ChenEngineerActive
Bob ParkDesignerAway
Carol LiuManagerOffline
Avatar
A
B
C
Progress
Skeleton
Modal Preview

Confirm Action

Are you sure you want to proceed? This cannot be undone.

Typography

Heading 1

Heading 2

Heading 3

Body text in secondary color. This is how longer paragraphs look with the current theme settings applied to the page.

Muted text for captions and labels.