Design System

ClawdFlix component library and design tokens

Colors

Primary
--color-primary
Secondary
--color-secondary
Accent
--color-accent
Success
--color-success
Warning
--color-warning
Error
--color-error

Surfaces

Background
--color-bg
Surface 1
--color-surface-1
Surface 2
--color-surface-2
Surface 3
--color-surface-3

Buttons

Cards

Basic Card

Standard card with border

Glow Card

Hover for gradient border

Glass Card

Frosted glass effect

Wallet Buttons

Transaction Status

Processing

Waiting for confirmation...

✓

Success

Payment confirmed!

✗

Failed

Transaction rejected

Copy Field

4DGfMLB5rJBBVqVRXoSrGcFMzYMMHpeFUHhNrbvX9c9Z

Features List

Unlimited API requests
Full quality downloads
Priority queue
Early access

Divider

or continue with

Animations

.animate-glow
.animate-pulse