Theme generator

Customize your theme below â€” changes apply to the entire site in real time. Export the result to use in your project via the pixelplay npm package.

Components

Dashboard

Settings

Buttons

Controls

Allow notifications

Remember me

Badges and Tags

DesignActiveReviewUrgentInfo

DefaultStatusSelected

Device split

Donut chart

Team spend

Bar chart

Growth

Line chart

Alex Monroe

Product Designer

This card demonstrates how surfaces, borders, typography, and interactive states adapt to the selected theme in real time across the whole project.

DesignUI/UX

Form inputs

Full name

Data visualization palette

10 categorical colors derived from your harmony selection