All Components • All Variations

Switch themes,
watch everything adapt

Cartoon • Glass • Minimal - Each component, every variation, stacked for easy comparison.

Buttons

All variants and sizes, adapting to the active theme

Default Variant

Primary CTA style with theme-specific colors and effects

Outline Variant

Border-only style with transparent background

Ghost Variant

Minimal style, appears on hover

Secondary Variant

Alternative style for secondary actions

Glow Variant

Special effect with theme-specific glow

Icon Buttons

Square buttons for icons

Inputs

Text inputs with theme-adaptive styling

Default Input

Standard text input with theme colors

Outline Variant

Border-focused input style

Cards

Container components with different visual treatments

Cartoon Card

Bold shadows and offset

Playful offset effects

Card Two

Clean and simple

Consistent styling

Card Three

Interactive style

Hover for effect

Card Four

Bold aesthetic

Signature GrayUI style

Alerts

Notification components with semantic variants

Toasts

Notification components with different semantic variants

Dropdown Menu

Interactive menu with hover states and variants

Select

Dropdown selection with theme-adaptive styling

Themes

Three distinct visual styles, all using the same component system

Cartoon

Bold colors, playful shadows, offset effects. Your signature GrayUI aesthetic.

Glass

Frosted transparency, soft blurs, modern glassmorphism. Premium feel.

Minimal

Pure monochrome, sharp edges, zero ornamentation. Brutalist perfection.