Theming playground

Pick a preset or set your own brand color. Changes apply instantly across every component and persist in your browser.

Buttons

Forms

Feedback

Live Pending Error New

Alert

Theme persists
Your selection is saved to localStorage and applies on every page.

CSS to copy

CSS
:root {
  --brand: #6366f1;
}