Unified UI
DocsComponentsLaravelBlocksColorsThemes
0.3.7
Sponsor
Unified UI

A scalable, token-driven React design system for modern applications.

Product

  • Components
  • Showcase
  • Templates
  • Themes

Resources

  • Documentation
  • Blog
  • Guides
  • Changelog

Community

  • GitHub
  • Twitter
  • Discussions
  • Contributing

Legal

  • Privacy
  • Terms
  • License

© 2026 Unified UI

·Operational

Built with Next.js, Radix UI, Tailwind CSS v4 & Fumadocs

Theme Playground

Customize your theme

Pick colors, fine-tune styles, and preview 25+ components in a live bento grid — then copy the CSS for your project in seconds.

25+ Components5 Style Presets13 Color PalettesCopy CSS

Customize theme

Pick colors, fonts, and style.

Style

Color

Radius

Font

Shadow

Surface

Menu Color

Menu Accent

Revenue

$45,231

+20.1%from last month

Subscriptions

+2,350

+180.1%from last month

Sales

+12,234

+19%from last month

Active Now

+573

-2.4%from last hour

Revenue Overview

Monthly revenue for the current year

JanFebMarAprMayJunJulAugSepOctNovDec
Trending up by 5.2% this month

Recent Sales

265 sales this month

OM

Olivia Martin

olivia@example.com

+$1,999

Paid
JL

Jackson Lee

jackson@example.com

+$39

Paid
IN

Isabella Nguyen

isabella@example.com

+$299

Pending
WK

William Kim

will@example.com

+$99

Failed
SD

Sofia Davis

sofia@example.com

+$450

Processing

Settings

Preferences & toggles

Install updates automatically.
Use a darker theme across the app.
Require extra verification on sign-in.
Share anonymous usage data.

Adjustments

Range & value selectors

50

Horizontal position

50

Vertical position

50

Scale

Billing Period

Single-option selection

Notification Preferences

Choose what to receive

Password changes, new sign-ins, suspicious activity.
Release notes and improvements, sent weekly.
Workspace activity digest every Monday.
Tips, tutorials, and promotions.

Tabs

Tabbed navigation

Welcome to the overview tab. This shows a summary of your workspace activity.

Views
12.4k
+12%
Clicks
3.2k
+8%
Bounces
1.1k
-3%

FAQ

Expandable sections

A token-driven design system for React built with Tailwind CSS v4, Radix UI, and Framer Motion.

Steps & Timeline

Process flow & activity

Onboarding steps

  1. Create account

  2. 2

    Setup workspace

  3. 3

    Invite team

  4. 4

    Launch

Activity timeline

Deployed v2.1.0

Production deployment completed successfully.

Code review approved

PR #142 approved by 2 reviewers.

Tests running

CI pipeline in progress.

Release notes

Pending documentation update.

Avatars

User representations

AJBSCBDP
OMJLINWK+1

Keyboard Shortcuts

Kbd component

Command palette
⌘K
Save changes
⌘S
Open settings
⌘⇧P
Close dialog
Esc

Form Controls

Inputs, selects, and toggles

Skeletons

Loading placeholders

Progress

Spinners

Loading
Loading
Loading

Sidebar

Menu Color & Menu Accent preview

Acme Inc

Enterprise Plan


Navigation

Settings

AJ

Alex Johnson

alex@acme.com

Pagination

Page navigation

Showing 21–30 of 100 results
…