Styles · 1,217 design systems

Give your AI design taste.

The design system behind every AnimatedWebs template: palette, typography and mood, with a ready DESIGN.md, Tailwind v4 theme, CSS variables and design tokens to paste into Claude, Cursor or Lovable.

FreeGet the style of any website →

From the web 43 sites

See all →

Measured from the live pages of the sites designers study most: colours, type scale, radius and buttons, as a ready DESIGN.md.

Apple iPhone

SF Pro Display · light

Stripe

sohne-var · light

Linear

Inter Variable · dark

Apple

SF Pro Display · light

Vercel

GeistSans · light

Notion

NotionInter · light

Figma

figmaSans · light

Framer

GT Walsheim Medium · dark

From AnimatedWebs templates

Outfit

Magneto UI

Get started

Magnetic Toggle Switch

trustworthy, crisp, responsive, premium

Fintech · dark

Syne

Cellular Interface

Get started

Voronoi Cell Cursor Field

organic, precise, playful, technical

Portfolio · light

Space Grotesk

Prismatic Transition

Get started

SDF Iris Page Transition

cinematic, sharp, chromatic, premium

3D / WebGL · dark

Fraunces

Analog Grain Co.

Get started

Procedural Film Grain Overlay

tactile, warm, nostalgic, refined

Fashion & Luxury · light

Space Grotesk variable

TypoFlux

Get started

Variable Ligature Morph

precise, playful, typographic, modern

Editorial · dark

Orbitron

Get started

Gravity Well Cursor

cosmic, immersive, dark, playful

Portfolio · dark

Outfit

Zephyr Labs

Get started

Particle Assembly Preloader

futuristic, clean, light, energetic

AI / SaaS · light

Playfair Display

TileCraft

Get started

Hexagonal Tile Transition

elegant, structured, dark, premium

Fashion & Luxury · dark

Space Grotesk

Vellum & Volt

Get started

Inertia Trail Cursor

precise, playful, tactile, dark

Portfolio · dark

Outfit

Oscilla

Get started

Generative Grid Preloader

algorithmic, crisp, evolving, light

AI / SaaS · light

Fraunces

Cinder & Sage

Get started

Chromatic Aberration Hover

warm, tactile, analog, light

Ecommerce · light

Inter

Flux & Form

Get started

Morphing Toggle

calm, organic, precise, dark

Health & Wellness · dark

Space Grotesk

Zenith Dividers

Get started

Morphing Shape Divider

dynamic, fluid, precise, nocturnal

Editorial · dark

Syne

Polar Stack

Get started

Magnetic Card Stack

playful, tactile, crisp, energetic

Portfolio · light

Outfit

Glow Border

Get started

Scroll-Synced Gradient Border

clean, precise, trustworthy, calm

Fintech · light

Space Grotesk

Orbitype

Get started

Icon Morph Microinteractions

precise, playful, technical, cohesive

Portfolio · dark

Outfit

Nexa

Get started

3D Character Rotate Reveal

cinematic, elegant, immersive, modern

Storytelling · light

Inter

Vertexia

Get started

Skeleton Shimmer Preloader

clean, professional, calm, efficient

AI / SaaS · light

Syne

Cubix

Get started

Cube Rotation Page Transition

bold, tactile, dynamic, premium

Agency · dark

Playfair Display

DepthCraft

Get started

Depth Parallax Hover

premium, precise, immersive, elegant

Fashion & Luxury · light

Space Grotesk variable

Lumin Type

Get started

3D Letter Flip on Hover

sharp, kinetic, precise, dark

Portfolio · dark

Outfit

PreviewLink

Get started

Link Preview Cursor

helpful, snappy, clean, light

Editorial · light

Plus Jakarta Sans

ShatterCo

Get started

Image Shatter Tiles

playful, crisp, energetic, light

Ecommerce · light

Orbitron

Nebula Labs

Get started

Spiral Galaxy Page Transition

cosmic, energetic, precise, immersive

3D / WebGL · dark

Outfit

Aurora Interface

Get started

Spectral Trail Cursor

playful, crisp, responsive, light

AI / SaaS · light

IBM Plex Mono

CircuitLab

Get started

Circuit Trace Preloader

engineered, clean, satisfying, trustworthy

Fintech · light

Cormorant Garamond

OpticArray

Get started

Kaleidoscope Lens Hover

refined, optical, tactile, premium

Fashion & Luxury · dark

Editorial New

Celluloom

Get started

Cellular Automaton Transition

algorithmic, elegant, surprising, light

Storytelling · light

Fraunces

Marrow Quarterly

Get started

Halftone Print Magazine

tactile, bookish, confident, warm, slightly irreverent

Editorial · light

Space Grotesk

Hollowtide Records

Get started

Audio-Reactive Label Site

nocturnal, submerged, hypnotic, precise

Music & Events · dark

Anton

Rift Parade

Get started

Datamosh Game Launch

loud, electric, rebellious, kinetic, carnival-at-midnight

Gaming & Entertainment · dark

DM Serif Display

Vela Coast

Get started

Coastal Map Journey

sunny, unhurried, salt-bleached, friendly, curious

Travel · light

Outfit

Stillroom

Get started

Breathing Orb Meditation App

calm, soft, spacious, reassuring, quiet

Health & Wellness · light

Cormorant Garamond

Northfold Institute

Get started

University Layout Morph

scholarly, assured, open, modern, quietly ambitious

Education · light

Bricolage Grotesque

Clearbrook

Get started

Rising Water Donation Site

hopeful, clear, honest, uplifting, human

Nonprofit · light

Big Shoulders Display

Lumen Assembly

Get started

Festival Lineup Reveal

euphoric, bold, sun-drunk, loud, communal

Music & Events · dark

Rajdhani

Overclock League

Get started

Esports Match Countdown

competitive, charged, broadcast-grade, tense

Gaming & Entertainment · dark

Newsreader

Field Notes Daily

Get started

Minimal Scroll-Driven Blog

quiet, literate, outdoorsy, honest, unhurried

Editorial · light

Barlow Condensed

Aldermoor Treks

Get started

Elevation Profile Trek Hero

rugged, crisp, determined, cold air at dawn

Travel · dark

Archivo

Kinetik Forge

Get started

Speed-Line Fitness Studio

aggressive, energetic, sweaty, disciplined, fast

Health & Wellness · dark

Playfair Display

Cursive Lab

Get started

Curriculum Ribbon Timeline

crafty, warm, encouraging, artistic, patient

Education · light

Libre Caslon Display

Canopy Trust

Get started

Donation Progress Rings

earthy, patient, optimistic, grounded

Nonprofit · light

Unbounded

Neon Undertow

Get started

Nightclub Strobe Site

raw, sweaty, strobe-lit, underground, hypnotic

Music & Events · dark

Cinzel

The Salt Archive

Get started

Streaming Series Showcase

moody, cinematic, secretive, salt-stained, slow-burn

Gaming & Entertainment · dark

Instrument Serif

Longform Atelier

Get started

Photo Essay Scroll Planes

documentary, contemplative, cinematic, reverent

Editorial · dark

Shrikhand

Isla Mora

Get started

Island Postcard Stack

sunny, playful, relaxed, nostalgic, colourful

Travel · light

Plus Jakarta Sans

Wrenfield Clinic

Get started

Clinic Liquid Glass Site

calm, clean, trustworthy, modern, reassuring

Health & Wellness · light

Bodoni Moda

Obsidian Hall

Get started

Museum Reflective Gallery

hushed, monumental, curious, timeless

Education · dark