1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability

1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability

1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app

Terms of Service Privacy Policy

Registry Health Inspect

Uai Theme – shadcn/ui Theme by uai | shadcnregistry

Registries
uai
Uai Theme

Uai Theme

theme

The warm graphite Uai palette mapped onto the standard shadcn theme tokens, plus the shared motion utilities Uai components use.

pnpm dlx shadcn@latest add "https://uaiblocks.dev/r/uai-theme.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

tw-animate-css

Light Mode

--radius:

0.875rem

--background:

oklch(0.975 0.001 260)

--foreground:

oklch(0.247 0.006 258)

--card:

oklch(1 0 0)

--card-foreground:

oklch(0.247 0.006 258)

--popover:

oklch(1 0 0)

--popover-foreground:

oklch(0.247 0.006 258)

--primary:

oklch(0.57 0.185 257)

--primary-foreground:

oklch(1 0 0)

--secondary:

oklch(0.94 0.003 260)

--secondary-foreground:

oklch(0.247 0.006 258)

--muted:

oklch(0.94 0.003 260)

--muted-foreground:

oklch(0.43 0.01 260)

--subtle-foreground:

oklch(0.52 0.01 260)

--accent:

oklch(0.94 0.003 260)

--accent-foreground:

oklch(0.247 0.006 258)

--destructive:

oklch(0.58 0.2 23)

--success:

oklch(0.6 0.15 153)

--warning:

oklch(0.66 0.16 55)

--success-ink:

oklch(0.5 0.15 153)

--warning-ink:

oklch(0.54 0.16 55)

--destructive-ink:

oklch(0.54 0.2 23)

--primary-ink:

oklch(0.485 0.185 257)

--border:

oklch(0.915 0.003 260)

--border-strong:

oklch(0.84 0.005 260)

--input:

oklch(0.915 0.003 260)

--ring:

oklch(0.57 0.185 257)

Dark Mode

--background:

oklch(0.226 0.004 264)

--foreground:

oklch(0.964 0.002 248)

--card:

oklch(0.26 0.006 271)

--card-foreground:

oklch(0.964 0.002 248)

--popover:

oklch(0.26 0.006 271)

--popover-foreground:

oklch(0.964 0.002 248)

--primary:

oklch(0.57 0.185 257)

Theme

--color-background:

var(--background)

--color-foreground:

var(--foreground)

--color-card:

var(--card)

--color-card-foreground:

var(--card-foreground)

--color-popover:

var(--popover)

--color-popover-foreground:

var(--popover-foreground)

--color-primary:

var(--primary)

--color-primary-foreground:

var(--primary-foreground)

--color-secondary:

var(--secondary)

--color-secondary-foreground:

var(--secondary-foreground)

CSS

--primary-foreground:

oklch(1 0 0)

--secondary:

oklch(0.293 0.006 271)

--secondary-foreground:

oklch(0.964 0.002 248)

--muted:

oklch(0.293 0.006 271)

--muted-foreground:

oklch(0.79 0.008 261)

--subtle-foreground:

oklch(0.69 0.01 264)

--accent:

oklch(0.293 0.006 271)

--accent-foreground:

oklch(0.964 0.002 248)

--destructive:

oklch(0.666 0.18 21)

--success:

oklch(0.705 0.154 154)

--warning:

oklch(0.746 0.156 56)

--success-ink:

oklch(0.705 0.154 154)

--warning-ink:

oklch(0.746 0.156 56)

--destructive-ink:

oklch(0.71 0.18 21)

--primary-ink:

oklch(0.72 0.185 257)

--border:

oklch(0.315 0.006 268)

--border-strong:

oklch(0.39 0.007 268)

--input:

oklch(0.315 0.006 268)

--ring:

oklch(0.57 0.185 257)

--color-muted:

var(--muted)

--color-muted-foreground:

var(--muted-foreground)

--color-subtle-foreground:

var(--subtle-foreground)

--color-accent:

var(--accent)

--color-accent-foreground:

var(--accent-foreground)

--color-destructive:

var(--destructive)

--color-success:

var(--success)

--color-warning:

var(--warning)

--color-success-ink:

var(--success-ink)

--color-warning-ink:

var(--warning-ink)

--color-destructive-ink:

var(--destructive-ink)

--color-primary-ink:

var(--primary-ink)

--color-border:

var(--border)

--color-border-strong:

var(--border-strong)

--color-input:

var(--input)

--color-ring:

var(--ring)

--ease-out-quint:

cubic-bezier(0.23, 1, 0.32, 1)

--animate-shimmer:

shimmer 2s linear infinite

--animate-skeleton-shimmer:

skeleton-shimmer 1.6s ease-in-out infinite

--animate-indeterminate:

indeterminate 1.4s cubic-bezier(0.65, 0, 0.35, 1) infinite

--animate-ring-pulse:

ring-pulse 1.8s ease-out infinite

--animate-grow-x:

grow-x 480ms cubic-bezier(0.23, 1, 0.32, 1) backwards

--animate-grow-y:

grow-y 480ms cubic-bezier(0.23, 1, 0.32, 1) backwards

--animate-shake:

shake 260ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both