We have launched the new gradient Dashboard featuring over 60+ pages!Check it out
gradient
4.8 out of 5

Gradient by design

Ship glass interfaces with pastel light.

Multi-stop gradients, translucent panels, and teal accents β€” gradient helps teams launch premium products without sacrificing clarity.

Free for teams up to 5 Β· No credit card required

  • Glass components
  • TypeUI MCP
  • WCAG AA
Platform

Everything floats on light.

Split layout pairs editorial copy with feature cards β€” glass panels that inherit the gradient beneath while keeping content crisp and readable.

  • Glass component library

    Cards, inputs, and nav bars use rgba white panels with 24px backdrop blur β€” floating above pastel gradient meshes.

  • Multi-stop gradients

    Every section alternates harmonious pastel stops β€” pinks, lavenders, mints, and sky blues for depth without flat fills.

  • Teal token system

    Brand, success, and chart palettes resolve from one skill file with automatic dark mode via CSS custom properties.

  • Accessible by default

    Focus rings, keyboard paths, and semantic HTML baked into every section pattern from TypeUI MCP.

Pricing

Plans as light as the design.

Start free, upgrade when you need more. Every tier includes the full Gradient token system and glass section library.

Starter

For side projects and early prototypes.

$0/mo

  • 1 project
  • Core sections
  • Gradient tokens
  • Community support

Pro

Recommended

For teams shipping polished product surfaces.

$29/mo

  • Unlimited projects
  • Full section library
  • Token sync
  • Priority support

Enterprise

For organizations with advanced needs.

$99/mo

  • Everything in Pro
  • Workspaces
  • SSO & roles
  • White-label export

FAQ

Common questions.

gradient mandates multi-stop pastel gradients on every section and glassmorphism on all interactive surfaces β€” cards, inputs, and nav bars float with rgba white panels and 24px backdrop blur.