Perpetuum Design System

One kit for every Perpetuum dashboard.

A living component library built on the Violet Bloom theme — deep violet, soft rounded surfaces, Plus Jakarta Sans. Walk through every component here, then reuse the exact same tokens and code when you build a new app.

Primary

Deep violet

Radius

1.4rem — soft

Type

Plus Jakarta · Lora

Start

Foundations

Color tokens, typography, radius, shadows & spacing.

Components

Buttons & Actions

Buttons, badges, toggles, groups and menus.

Forms & Inputs

Inputs, combobox, OTP, selection controls and pickers.

Data Display

Cards, tables, tabs, accordions and avatars.

Data Table

Sorting, filtering, selection and pagination.

Navigation

Menus, command palette, pagination and breadcrumbs.

Feedback & Overlays

Alerts, dialogs, drawers, toasts and empty states.

Layout & Structure

Resizable panels, carousel, collapsible and items.

Data

Metrics & KPIs

Sixteen ways to show a number that matters.

Charts

Fourteen chart types in the Violet Bloom palette.

Patterns

AI & Chat

Message threads, prompts and agent surfaces.

Patterns

Auth, pricing, settings, timelines and profiles.

Dashboard Example

Everything together in a real layout.

How to reuse

Start a new Perpetuum project in the same style

Copy globals.css and the components/ui folder into any shadcn/ui project — or apply the theme directly from its registry file.

npx shadcn@latest add ./perpetuum-theme.json

See the tokens View the dashboard example