Question Design - Modern UI Component Library

Theme Generator

Mode

Theme Presets

Font:Geist|Geist Mono

Brand

Primary#171717

Primary Foreground#fafafa

Secondary#f5f5f5

Secondary Foreground#171717

Accent#f5f5f5

Accent Foreground#171717

Destructive#e7000b

Surfaces

Background#ffffff

Foreground#0a0a0a

Card#ffffff

Card Foreground#0a0a0a

Popover#ffffff

Popover Foreground#0a0a0a

Muted#f5f5f5

Muted Foreground#737373

Utility

Border#e5e5e5

Input#e5e5e5

Ring#a1a1a1

Theme Preview

Live preview of your theme across components.

Buttons

Badges

DefaultSecondaryOutlineDestructive

Card Title

Card description with muted text.

Accept terms

Notifications

Manage your notification preferences.

Push notifications

Receive push notifications

Email digest

Weekly email summary

Alerts

Information

This is an informational alert message.

Error

Something went wrong. Please try again.

Tabs

Total Revenue$45,231.89

+20.1% from last month

Progress

Upload progress45%

Storage used82%