Website animations
Website animations, ready to copy.
Each one has a tested prompt that adds it to a site you build with Claude Code.
Nothing matches that.
- Tech, AI and app brands that want to feel friendly: a little vinyl toy robot floats, waves hello and blinks beside your headline.
- Tech, AI and product sites: a living background behind a big statement.
- AI assistants, help desks and support tools: a chat window turns toward you as the question types and the answer streams in.
- Parties, kids, launches and playful brands: your name in shiny foil balloon letters that bob and bump on their ribbons above your headline.
- Architects, designers, studios and makers: the hero as a live design drawing, measured around the real words.
- Kids, health, apps and friendly services: a squishy jelly buddy looks left and right, hops, lands with a happy wobble and settles by your headline.
- Shops, cafes, food and creators: die-cut stickers slap on around your headline one by one, and a corner peels up and flips back.
- Hotels, fashion labels, architects and quiet luxury brands: a magazine headline that rises line by line above a fine drawn rule.
- Editorial and print-inspired brands: a bold hero picture made of dots, no photo needed.
- Salons, clinics, studios and any service you book: a day, a time, then booked.
- Cafes, coffee carts, bakeries and drink brands: a hand-drawn coffee cup mascot that hops, waves hello and says a few words.
- Delivery, travel, removals and local services: a route draws itself across an illustrated town map, a pin drops and a card pops up.
- Tech, finance, energy and data brands: threads of light following a current.
- App launches and mobile products: a phone turns toward you as the app inside plays, a button presses and a sheet rises.
- Gifts, cards, kids and travel: your headline printed on an open pop-up card whose paper hills, house and sun fold flat and spring back up.
- Launches, openings and sales: a striped paper band tears in two and peels away to reveal your headline. Best with a short, bold headline.
- Audio, instruments, workshops and heritage brands: a real-looking dial made of CSS.
- Playful brands, kids, makers and events. Best with a few short words: letters cut from mixed papers that hop and swap like stop motion.
- Any business with real numbers to show, from software to shops: a line draws, bars grow and a count ticks up on floating cards.
- Apps, shops and booking services: the updates you send customers drop in as phone notifications, stack up, and the newest one opens.
- Landscaping, pool builders, outdoor brands, trails and land: a contour map that slowly shifts.
- Spas, wellness, sleep and travel brands: a calm sky behind a quiet headline.
- Studios, makers, Japanese and minimal brands: a folded paper bird that breathes.
- Playful startups, creators and products that want to stand out. Not for luxury brands.
- Photography, events, nightlife and art: a light stroke writing in the dark.
- Creative, beauty and tech brands: glossy art behind a headline, in place of a stock photo.
- Bars, restaurants, nightlife, music venues and late-opening shops.
- Kids, books, crafts and gentle brands: layers of cut paper with real shadows.
- Architecture, construction, engineering and tech sites.
- Luxury, hospitality, events, bars and hotels.
- Membership, cards, tech and beauty brands: a foil card that catches the light.
- Playful products, studios, kids and events: shapes that drop in and bounce.
- Developer tools, indie games and retro tech: an old-computer render in two colours.
- Playful studios, events and creators: loud 80s shapes on a dot grid.
- Explaining a product or a process: software, logistics, property and planning.
- Coffee, heating, fitness and food brands: a heat-vision view with a scanner overlay.
- Cafes, bakeries, makers and small shops: a sketch that draws itself.
- Diners, radio, news and retro brands: a TV text page with blocky graphics.
- Video, music, nostalgia and streetwear brands: a tape playing on an old screen.
- Software, IT services, retro tech and creative studios: a classic desktop with windows that open.
- Friendly brands: kids, education, health and apps.
- Galleries, fashion, design and events: stripes that bend and play tricks on the eye.
- Engineering, trades and manufacturing: anything made from precise parts.
- Fashion, streetwear, music and product drops: liquid chrome lettering.
- Apps, audio, smart-home and product pages: soft pressed controls that move.
- Parties, kids, retro events and playful brands: a big bubbly headline that waves.
- Magazines, zines, makers and creative studios: torn paper pieced together.
- Music, festivals, vintage shops and bars: melting 60s poster colour.
- Developer tools, tech brands and anyone with a retro-tech personality.
- Games, arcades, kids and retro tech: a tiny pixel world blown up big.
- Music, film, streetwear and creative studios: a glitched video smear, kept safe.
- Design studios, galleries, architecture and art schools.
- Playful launches, kids, games and entertainment.
- Retro brands, fan pages, nostalgia events and playful side projects: a homepage from the early web.
- Pricing, stats or feature cards for a modern, premium brand. Needs colour behind it to show through the glass.
- A headline that needs energy: launches, agencies, events and campaigns.
- Florists, weddings, med spas, bakeries and boutiques: soft pigment behind a gentle headline.
- Kids, craft, engineering and design studios: a spirograph pattern that draws itself.
- Short announcements of two to four words: launches, events, travel and arrivals.
- Hotels, travel, spas and coastal brands: a calm sea at sunset that you fly over as you scroll.
- Tech, AI, finance and agencies: a city of softly lit towers that you fly between as you scroll.
- Games, creative studios and events: rocks floating in the clouds that you fly between as you scroll.
- Consulting, coaching, outdoors and property: misty ridges you fly through as the light comes up.
Weblance members open any animation from the classroom and copy its tested prompt right here.