UI Theme Preview – QuickToolkit

UI Component Theme Preview

Choose colours and typography, then preview how buttons, forms, cards and alerts will look with your theme.

Theme settings

Colours

Primary

Secondary

Accent

Success

Warning

Danger

Background

Surface

Text

Muted text

Use dark mode base

Typography

Font family

Base size

Shape & spacing

Border radius 12px

Shadow Medium

Spacing scale Normal

Preview

Buttons

Primary actions, secondary actions and subtle variants.

Form elements

Inputs, select, textarea and toggles.

Name

Role

Notifications

Email alerts

Message

Cards

Content containers for dashboards and layouts.

Project overview

Active

A short description of the project and its current status.

Usage this month

1,284 active users
97% uptime
3 open incidents

Alerts

Feedback messages for different states.

Everything looks good

Your changes have been saved successfully.

Heads up

New updates are available for this project.

Check your settings

Some integrations need your attention.

Something went wrong

We couldn’t save your changes. Try again.