Website animations, running live.
Each one has a tested prompt that adds it to a site you build with Claude Code.
Nothing matches that.
- ParticlesTech, AI and product sites: a living background behind a big statement.
- Flow fieldTech, finance, energy and data brands: threads of light following a current.
- TopographicLandscaping, pool builders, outdoor brands, trails and land: a contour map that slowly shifts.
- HalftoneEditorial and print-inspired brands: a bold hero picture made of dots, no photo needed.
- AuroraSpas, wellness, sleep and travel brands: a calm sky behind a quiet headline.
- SkeuomorphicAudio, instruments, workshops and heritage brands: a real-looking dial made of CSS.
- OrigamiStudios, makers, Japanese and minimal brands: a folded paper bird that breathes.
- Neo-brutalismPlayful startups, creators and products that want to stand out. Not for luxury brands.
- Light paintingPhotography, events, nightlife and art: a light stroke writing in the dark.
- Liquid morphCreative, beauty and tech brands: glossy art behind a headline, in place of a stock photo.
- Neon glowBars, restaurants, nightlife, music venues and late-opening shops.
- Paper cutoutKids, books, crafts and gentle brands: layers of cut paper with real shadows.
- Wireframe 3DArchitecture, construction, engineering and tech sites.
- Art decoLuxury, hospitality, events, bars and hotels.
- HolographicMembership, cards, tech and beauty brands: a foil card that catches the light.
- PhysicsPlayful products, studios, kids and events: shapes that drop in and bounce.
- 1-bit ditherDeveloper tools, indie games and retro tech: an old-computer render in two colours.
- MemphisPlayful studios, events and creators: loud 80s shapes on a dot grid.
- IsometricExplaining a product or a process: software, logistics, property and planning.
- Thermal cameraCoffee, heating, fitness and food brands: a heat-vision view with a scanner overlay.
- Hand drawnCafes, bakeries, makers and small shops: a sketch that draws itself.
- TeletextDiners, radio, news and retro brands: a TV text page with blocky graphics.
- Retro VHSVideo, music, nostalgia and streetwear brands: a tape playing on an old screen.
- Retro desktopSoftware, IT services, retro tech and creative studios: a classic desktop with windows that open.
- Clay 3DFriendly brands: kids, education, health and apps.
- Op artGalleries, fashion, design and events: stripes that bend and play tricks on the eye.
- BlueprintEngineering, trades and manufacturing: anything made from precise parts.
- Y2K chromeFashion, streetwear, music and product drops: liquid chrome lettering.
- NeumorphismApps, audio, smart-home and product pages: soft pressed controls that move.
- WordArtParties, kids, retro events and playful brands: a big bubbly headline that waves.
- CollageMagazines, zines, makers and creative studios: torn paper pieced together.
- PsychedelicMusic, festivals, vintage shops and bars: melting 60s poster colour.
- ASCII artDeveloper tools, tech brands and anyone with a retro-tech personality.
- Pixel artGames, arcades, kids and retro tech: a tiny pixel world blown up big.
- DatamoshMusic, film, streetwear and creative studios: a glitched video smear, kept safe.
- BauhausDesign studios, galleries, architecture and art schools.
- Comic bookPlayful launches, kids, games and entertainment.
- Web 1.0Retro brands, fan pages, nostalgia events and playful side projects: a homepage from the early web.
- GlassmorphismPricing, stats or feature cards for a modern, premium brand. Needs colour behind it to show through the glass.
- Kinetic typeA headline that needs energy: launches, agencies, events and campaigns.
- WatercolourFlorists, weddings, med spas, bakeries and boutiques: soft pigment behind a gentle headline.
- SpirographKids, craft, engineering and design studios: a spirograph pattern that draws itself.
- Split-flapShort announcements of two to four words: launches, events, travel and arrivals.
Weblance members open any animation from the classroom and copy its tested prompt right here.