Resources
Gradients & Aurora
9 components
Design Pack
Living gradient interfaces — shifting mesh, conic rings, gradient typography and animated charts. Every preview moves.
Build interfaces that shift, glow and breathe — with one gradient system across your whole product.
SaaS — Aurora Hero
Drifting mesh blobs behind a spectrum headline and a floating dashboard with animated gradient bars.
AI — Gradient Console
Spinning conic ring behind an image-gen console with shifting gradient tiles and a gradient-border prompt.
Gradient cards, instant insights and zero fees. Banking that finally looks good.
Fintech — Gradient Card
Tilted shifting-gradient card with a floating SVG budget ring on a soft pastel mesh.
Ecommerce — Color Drops
Marquee strip, gradient headline and an overlapping fan of floating product cards with shifting gradients.
Media — Gradient Player
Now-playing card with a shifting gradient album, gradient equalizer bars and a glowing play button.
Travel — Gradient Postcards
Floating glass search and overlapping destination postcards drifting with shifting gradients.
Health — Activity Rings
Triple SVG activity rings with gradient strokes, floating panel and gradient stat tiles.
Social — Gradient Profile
Animated gradient cover, spinning conic story-ring avatar, floating reactions and gradient stat tiles.
Bento — Gradient System Grid
Asymmetric bento with a shifting gradient hero cell, palette swatches and gradient-text stats.