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.
From AnimatedWebs templates
Space Grotesk
Depgraph
Get startedDependency Force Mesh
deep, cosmic, analytical, living
AI / SaaS · dark
IBM Plex Sans
Migratio
Get startedTerminal Migration Landing
confident, transparent, technical, progressive
AI / SaaS · dark
Syne
Zentek
Get startedCode River Landing
clean, fluid, intelligent, light
AI / SaaS · light
DM Sans
OrbitAI
Get startedPrompt Orb Section
friendly, airy, responsive, light
AI / SaaS · light
Outfit
Luminix
Get startedAgent Graph Dashboard
dark, vibrant, dynamic, analytical
AI / SaaS · dark
Space Grotesk
Vortexa
Get startedVortexa Code Review Platform
technical, deep, precise, electric, trustworthy
AI / SaaS · dark
Outfit
Sonora
Get startedSonora Voice Playground
airy, responsive, friendly, transparent, calm
AI / SaaS · light
Space Grotesk
Nexaflow
Get startedCode Dependency Graph Hero
technical, precise, dark, kinetic
AI / SaaS · dark
Outfit
Cerebra
Get startedVoice Orb Assistant
airy, responsive, calm, futuristic
AI / SaaS · light
Cal Sans
Luminova
Get startedObservability Wave Dashboard
clean, analytical, vibrant, trustworthy
AI / SaaS · light
Geist
Axiomix
Get startedPrompt Playground Component
developer‑centric, dark, precise, playful
AI / SaaS · dark
Space Grotesk
Lintera
Get startedCode City Hero
technical, nocturnal, explorable, precise
AI / SaaS · dark
Outfit
Promptera
Get startedPrompt Diffusion Visualizer
deep, exploratory, precise, futuristic
AI / SaaS · dark
Space Grotesk
Codelift
Get startedLive Code Sandbox Hero
technical, immediate, crisp, confident
AI / SaaS · dark
Outfit
Swarmix
Get startedAgent Swarm Background
organic, intelligent, expansive, precise
AI / SaaS · light
Syne
Flowstate
Get startedPrompt Chain Flow Section
analytical, luminous, controlled, transparent
AI / SaaS · dark
Inter
Metricity
Get startedReal-Time Metrics Dashboard Hero
clean, fast, informative, empowering
AI / SaaS · light
Space Grotesk
LumenFlow
Get startedCode River Hero
deep, kinetic, precise, futuristic
AI / SaaS · dark
Outfit
NexusAI
Get startedPrompt Orbit Orb
clean, friendly, responsive, airy
AI / SaaS · light
DM Sans
ForgeDev
Get startedCommand Palette Playground
crisp, efficient, playful, precise
AI / SaaS · light
Space Grotesk
Quantix
Get startedToken River Hero
technical, vivid, urgent, precise
AI / SaaS · dark
DM Sans
Orbitly
Get startedCommand Palette Playground
clean, snappy, approachable, light
AI / SaaS · light
Syne
Synthos
Get startedAurora Wave Background
ethereal, high-tech, responsive, dark
AI / SaaS · dark
Space Grotesk
CipherForge
Get startedZero‑Trust AI Deploy Platform
secure, precise, technical, dark
AI / SaaS · dark
Cal Sans
Fluxion
Get startedReal‑Time Collaborative Code Editor
bright, fluid, collaborative, modern
AI / SaaS · light
Plus Jakarta Sans
TokenStream
Get startedToken Usage Visualization
clean, analytical, light, trustworthy
AI / SaaS · light
Space Grotesk
Duplex
Get startedPrompt A/B Stream Compare
clinical, precise, high-contrast, analytical
AI / SaaS · dark
Syne
Cascade
Get startedModel Cascade Router
efficient, transparent, kinetic, technical
AI / SaaS · dark
Cal Sans
Evalon
Get startedEval Matrix Live Grid
dense, urgent, data-rich, actionable
AI / SaaS · dark
Outfit
Luminara
Get startedAurora Design Copilot
ethereal, precise, calm, inspiring
AI / SaaS · light
Plus Jakarta Sans
Meridian
Get startedModel Router Flow Section
clean, transparent, efficient, trustworthy
AI / SaaS · light
Syne
Synthetix
Get startedToken Cost Waterfall Background
dark, analytical, vibrant, calm
AI / SaaS · dark
Cal Sans
Cognito
Get startedAgent Swarm Arena Website
light, organic, intelligent, approachable
AI / SaaS · light
Unbounded
Voltaire
Get startedArc Sedan Image-Sequence Launch
precise, nocturnal, engineered, quietly fast
Automotive · dark
Fraunces
Hollis
Get startedHalo Headphones Exploded View
warm, tactile, calm, precise, gallery-like
Storytelling · light
Big Shoulders Display
Talonfly
Get startedRidge Drone Canyon Video Scrub
adventurous, technical, windswept, cinematic
Storytelling · dark
Bricolage Grotesque
Fizzwell
Get startedSparkling Can Parallax Shop
sunny, juicy, playful, fresh
Ecommerce · light
Archivo
Loomstep
Get startedRunner Sole Layers 3D-2D-3D
technical, kinetic, athletic, blueprint-sharp
Ecommerce · dark
Space Grotesk
Orbitline
Get startedRocket Launch Website
awe, precision, ascent, quiet tension
Storytelling · dark
Newsreader
Brinewell
Get startedCarbon Buoy Ocean Chapters
calm, hopeful, scientific, airy
Storytelling · light
Italiana
Auric
Get startedSmart Ring Macro Zoom-Through
jewel-like, intimate, scientific, glowing
Storytelling · dark
Instrument Serif
Fennick
Get startedMirrorless Camera Aperture Chapters
mechanical, reverent, crisp, analogue soul
Storytelling · dark
Plus Jakarta Sans
Brisa
Get startedEarbuds Morphing Sticky Buy Bar
clean, breezy, confident, friendly
Ecommerce · light
Cormorant Garamond
Porcelline
Get startedWatch 3D to Blueprint to Wrist
porcelain, architectural, serene, exact
Storytelling · light
Gloock
Umberline Coffee
Get startedCold Brew Pour Sequence
warm, crafted, slow, a little rebellious
Ecommerce · light
Sora
Ampere Home
Get startedHome Charger Cable Spec Reveal
clean, helpful, electric, orderly
Automotive · light
Playfair Display
Corsaro Motors
Get startedHeritage Car Horizontal Track
nostalgic, cinematic, golden-hour, proud
Automotive · dark
Manrope
Parhelion
Get startedEarth Observation Satellite Orbit
vast, calm, data-rich, luminous
3D / WebGL · dark