Styles · 1,210 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

Space Grotesk

Veyra

Get started

Curl-Noise Particle Lab

cerebral, weightless, precise, nocturnal

AI / SaaS · dark

Fraunces

Osmund Glassworks

Get started

Caustic Glass Vessels

sunlit, artisanal, calm, tactile

3D / WebGL · light

Archivo

Kavik Motors

Get started

EV Scroll Camera Journey

sleek, confident, engineered, cinematic

Automotive · dark

Bricolage Grotesque

Somnaria

Get started

Pastel Metaball Hero

soft, dreamy, calm, gently playful

3D / WebGL · light

Sora

Portolan

Get started

Dotted Globe Logistics Site

global, calm, data-rich, trustworthy

AI / SaaS · dark

Inter Tight

Pellucid

Get started

Frosted Cube Ripple Grid

clean, crisp, playful, modern

3D / WebGL · light

Young Serif

Ottilie Brandt

Get started

Isometric Studio Portfolio

cosy, warm, handcrafted, curious

Portfolio · dark

Syne

Brasswind

Get started

Physics Capsule Cluster

bold, tactile, mischievous, confident

Agency · dark

Tektur

Starlane Arcade

Get started

Synthwave Terrain Racer

nostalgic, electric, fast, cinematic

Gaming & Entertainment · dark

Gloock

Ashgrove Kiln

Get started

Ceramic Glaze Turntable

earthy, quiet, crafted, museum-like

3D / WebGL · light

Newsreader

Fathom Deep

Get started

Ocean Depth Descent

awe-struck, quiet, mysterious, scientific

3D / WebGL · dark

Cormorant Garamond

Gildmark

Get started

Mandelbulb Fractal Explorer

opulent, mysterious, mathematical, gallery-hushed

3D / WebGL · dark

Instrument Serif

Linden & Moor

Get started

Scroll-Bent Image Planes

quiet luxury, editorial, natural, assured

Agency · light

Schibsted Grotesk

Cinder

Get started

Instanced City Data Twin

analytical, alive, nocturnal, civic

AI / SaaS · dark

Big Shoulders Display

Moth Radio

Get started

Audio-Reactive Radio Sphere

warm, nocturnal, underground, intimate

3D / WebGL · dark

Unbounded

Aerolith

Get started

Drone Swarm Flocking Site

airy, precise, spectacular, optimistic

3D / WebGL · light

Archivo Black

Cairnway Outfitters

Get started

Topographic Trail Terrain

adventurous, clear-headed, cartographic, fresh

3D / WebGL · light

Playfair Display

Prismara

Get started

Headline Dust Dissolve

sensual, smouldering, poetic, luxurious

3D / WebGL · dark

Michroma

Vantor

Get started

Hypercar Reveal Website

exclusive, technical, electric, precise

Automotive · dark

Italiana

Lucent & Facet

Get started

Diamond Dispersion Hero

romantic, brilliant, hushed, precious

3D / WebGL · dark

IBM Plex Mono

Kerfline

Get started

ASCII Bust Dev Portfolio

raw, clever, lo-fi, precise

Portfolio · dark

Red Hat Display

Stratos

Get started

Volumetric Cloud Flythrough

airy, luminous, uplifting, scientific

3D / WebGL · light

Anton

Shardline

Get started

Voronoi Shatter Headline

loud, graphic, energetic, witty

3D / WebGL · light

Baloo

Barnacle Games

Get started

Low-Poly Island Game Hub

cosy, sunny, whimsical, handmade

Gaming & Entertainment · light

Neon sign: tubes follow a single-stroke script path; DOM headline in Righteous

Neonbloom

Get started

Neon Tube Sign Hero

moody, electric, nostalgic, inviting

3D / WebGL · dark

Geist

Morrow AI

Get started

Token River Attention Lattice

lucid, editorial, intelligent, flowing

AI / SaaS · light

Krona One

Voxa Materials

Get started

Raymarched Gyroid Lattice

engineered, cellular, precise, futuristic

3D / WebGL · dark

Libre Caslon Display

Umbriel Observatory

Get started

Galaxy With Black Hole Lensing

vast, reverent, poetic, cosmic

3D / WebGL · dark

DM Serif Display

Threshold Studio

Get started

Portal Card Worlds Agency

wondrous, crafted, curious, gallery-like

Agency · light

Marcellus

Beadfall

Get started

Verlet Bead Curtain

warm, sensory, inviting, handmade

3D / WebGL · dark

Saira Condensed

Oxide Motors

Get started

Night Highway Light Streaks

fast, nocturnal, cinematic, adrenaline

Automotive · dark

Petrona

Verdance Terraria

Get started

Glass Terrarium Shop

fresh, calm, miniature, delightful

3D / WebGL · light

Silkscreen

Blockwright Games

Get started

Voxel Sandbox Game Site

playful, sunny, constructive, friendly

Gaming & Entertainment · light

Bodoni Moda

Noor Halabi

Get started

Photographer Light-Table Portfolio

tactile, honest, intimate, analogue

Portfolio · dark

Barlow Condensed

Faultline Labs

Get started

Seismic Hex Terrain Map

scientific, clear, alert, cartographic

3D / WebGL · light

Literata

Morphogen

Get started

Reaction-Diffusion Sphere

organic, intelligent, curious, warm

3D / WebGL · light

Bebas Neue

Kinora Studio

Get started

Inside-the-Drum Case Gallery

kinetic, loud, stylish, hypnotic

Agency · dark

Oxanium

Tessin Silicon

Get started

Exploded AI Chip Stack

precise, powerful, technical, luminous

AI / SaaS · dark

EB Garamond

Palimpsest Audio

Get started

One-Bit Dithered Ghost Ship

eerie, literary, austere, haunting

3D / WebGL · light

Bowlby One

Grindhouse Skate Co

Get started

Physics Skate Ramp Toy

rowdy, sunny, playful, gritty

3D / WebGL · light

Syncopate

Heliograph

Get started

Solar Corona Energy Site

elemental, immense, hopeful, scientific

3D / WebGL · dark

Funnel Display

Tomás Arriaga

Get started

Draggable Sphere Project Index

minimal, curious, confident, spacious

Portfolio · light

Oswald

Squallmark Regatta

Get started

Storm Ocean Regatta

dramatic, raw, heroic, windswept

3D / WebGL · dark

Chivo

Spoolhaus

Get started

Filament Extrusion Path Hero

maker, precise, satisfying, glowing

3D / WebGL · dark

Darker Grotesque

Kobold Engine

Get started

SDF Engine Playground Site

playful, nerdy, inventive, vibrant

Gaming & Entertainment · dark

Cinzel

Sundial Archive

Get started

Explorable Museum Rooms

hushed, stately, timeless, moonlit

3D / WebGL · dark

Anybody

Kittiwake Aero

Get started

Wing Airflow Streamlines

clean, aerodynamic, rigorous, optimistic

3D / WebGL · light

Spectral

Thistledown

Get started

Dandelion Seed Wind Hero

gentle, airy, hopeful, pastoral

3D / WebGL · light