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
Urbanist
Omnivue XR
Get startedXR Headset Lens Portal
clean, futuristic, precise, wondrous
3D / WebGL · light
Rozha One
Hearthglow Candles
Get startedCandle Flame Ambient Hero
intimate, warm, slow, comforting
3D / WebGL · dark
Climate Crisis
Whirlword
Get startedTypographic Vortex Hero
energetic, playful, literary, bold
3D / WebGL · light
Hanken Grotesk
Nearwise
Get startedVector Search Graph Layers
clear, clever, fast, structured
AI / SaaS · light
Playfair Display
Zenith Motors
Get startedExplorable Car Showroom
luxurious, sophisticated, powerful, innovative
Automotive · dark
Montserrat
CosmosAI
Get startedProcedural Data Orb Hero
intelligent, boundless, evolving, abstract
AI / SaaS · dark
Noto Serif Display
Lumiere Spaces
Get startedArchitectural Walkthrough
elegant, immersive, experiential, modern
Real Estate & Architecture · light
Outfit
Astraeon
Get startedNebula Core Platform
expansive, intelligent, mysterious, powerful
AI / SaaS · dark
Montserrat
Chronos Engine
Get startedFragmented Logo Reconstruct
powerful, high-tech, precise, explosive
Gaming & Entertainment · dark
Lora
Kaelen Collective
Get startedInteractive Mesh Studio
organic, sophisticated, artistic, calm
Agency · light
Syne
Lumina Labs
Get startedLiquid Glass Showcase
fluid, innovative, luminous, dynamic
3D / WebGL · light
Inter
Apex Motors
Get startedDynamic Showroom Hero
sleek, innovative, powerful, exclusive
Automotive · dark
Kanit
Nexus Foundry
Get startedInteractive Data Mesh Hero
intelligent, interconnected, precise, dynamic
AI / SaaS · dark
Montserrat
Solara Architects
Get startedArchitectural Model Showcase
minimalist, precise, luminous, conceptual
Real Estate & Architecture · light
Rajdhani
Phanes Records
Get startedAudio-Reactive Spectrogram Hero
energetic, immersive, cutting-edge, psychedelic
Music & Events · dark
Titillium Web
Aegis Solutions
Get startedSecure Data Shield Hero
secure, reliable, intelligent, vigilant
Fintech · dark
Outfit
Zephyr Gear
Get startedLow-Poly Trek Hero
adventurous, calm, natural, rugged
Ecommerce · light
Syne
Aetherium Forge
Get startedProcedural Cloud Sculpture
futuristic, organic, ethereal, customizable
AI / SaaS · dark
Quantico
Phantasm Arena
Get startedVolumetric Fog Portal Hero
mysterious, immersive, energetic, otherworldly
Gaming & Entertainment · dark
IBM Plex Sans
Nexus Flow
Get startedData Stream Globe Hero
analytical, connected, intelligent, futuristic
AI / SaaS · dark
Playfair Display
VitaBloom
Get startedBiomorphic Growth Hero
organic, calming, regenerative, serene
Health & Wellness · light
Space Grotesk
Flux Foundry
Get startedGlitch Text Dissolve Website
edgy, dynamic, creative, disruptive
Agency · dark
Space Grotesk
Stellaris Academy
Get startedExplorable Solar System
educational, expansive, inspiring, scientific
Education · dark
Playfair Display
Silken Arc
Get startedDynamic Fabric Drape Hero
elegant, flowing, tactile, exclusive
Fashion & Luxury · light
Space Grotesk
Constellation DAO
Get startedProcedural Constellation Network
decentralized, connected, glowing, transparent
Web3 · dark
Outfit
AetherDrive
Get startedHypercar Configurator
luxurious, precise, powerful, futuristic
Automotive · dark
Inter
NexusCore
Get startedData Orb Hero
intelligent, transparent, dynamic, clean
AI / SaaS · light
Electrolize
ChronoShift
Get startedTimeline Portal Website
mysterious, epic, adventurous, immersive
Gaming & Entertainment · dark
Syne
KineticForm
Get startedMorphing Type Hero
dynamic, artistic, fluid, inventive
Portfolio · dark
DM Sans
VeloSynth
Get startedGenerative Mesh Agency
innovative, fluid, artistic, energetic
Agency · light
Noto Serif Display
FluidicLabs
Get startedProduct Caustics Hero
pure, luxurious, serene, scientific
3D / WebGL · light
Outfit
AscendFlow
Get startedData City Hero
innovative, transparent, growing, secure
Fintech · light
Outfit
ApexMotors
Get startedInfinite Road Hero
fast, futuristic, precise, exhilarating
Automotive · dark
Cormorant Garamond
Velora
Get startedDomain-Warp Marble
quiet, expensive, mineral, unhurried
Fashion & Luxury · light
Bricolage Grotesque
Wrenly
Get startedCSS Mesh Gradient Drift
airy, friendly, optimistic, calm
AI / SaaS · light
Syne
Umbrafield Labs
Get startedRaymarched SDF Metaballs
liquid, hypnotic, nocturnal, precise
3D / WebGL · dark
Fraunces
Azurine
Get startedSunlit Pool Caustics
sunlit, weightless, cool, holiday-slow
Travel · light
Michroma
Ferrox
Get startedLiquid Chrome Flow
molten, engineered, cold, powerful
Automotive · dark
Young Serif
Hushmoss
Get startedSage Flow Field Lines
calm, organic, soft, patient
Health & Wellness · light
Shrikhand
Forno Rosso
Get startedTerracotta Lava Lamp
warm, groovy, slow, convivial
Food & Hospitality · dark
Monoton
Arclight Records
Get startedPlasma CRT Broadcast
neon, nostalgic, electric, playful
Music & Events · dark
Space Grotesk
Starwick School
Get startedParallax Starfield Warp
curious, vast, quiet, wonder-filled
Education · dark
Instrument Serif
Isobar Treasury
Get startedTopographic Contour Field
analytical, calm, cartographic, trustworthy
Fintech · dark
Italiana
Ondrelle
Get startedChampagne Silk Folds
sensual, slow, opulent, hushed
Fashion & Luxury · dark
Gloock
Foolscap Press
Get started1-Bit Bayer Dither Field
tactile, intellectual, lo-fi, confident
Editorial · light
Unbounded
Tangent Kin
Get startedNeon Ink Fluid Simulation
playful, electric, fluid, bold
Agency · dark
Fraunces
Sprout Commons
Get startedBlurred Blobs and Grain
hopeful, sunny, handmade, grassroots
Nonprofit · light
Archivo
Ostberg Architects
Get startedVoronoi Blueprint Cells
rigorous, drafted, cool, cerebral
Real Estate & Architecture · dark