Studio hero
Tora Studio
A white porcelain tiger rears over an ember watercolour cloud; your cursor trails ember stripes and gold repair seams across it.
Debound Design · Templates and skills
Websites that move, as real code.
Most clients have never seen a website that moves like these. 64 live motion-site templates you can open, read and ship, plus the Claude Code skills that build the next one for you.
64live templates
47motion graphics
17cinematic
13technique kits
0copied images
Live preview
Not screenshots. The real pages.
Pick one and use it right here: scroll, drag, move the cursor. Each is a deployed site you can open in its own tab.
What's inside
The code, the know-how and the assets.
01 · CODE
64 templates
One Next.js static-export project per site, ready to run and deploy.
- README with what it is and what changed
- motion.md: the animation decoded, with timings and easings
- assets.csv and spend.md: every asset, prompt and cost
02 · SKILLS
The build skills
The Claude Code skills we use to make these: the motion-site engine, 13 technique kits, the fal asset pipeline and the QA gates.
- Scroll, cursor, drag and ambient clocks
- Speed gate: mobile Lighthouse 90+
- Text-fit and overflow checks
03 · ASSETS
Generated, not stock
Every image, cut-out and video plate in the templates was generated for it, with the prompt kept next to the file.
- Images, cut-outs, video loops
- Prompts and model names logged
- Remake the look by changing the prompt
Gallery
64 templates, two kinds.
Motion graphics: type, shapes and objects animated on scroll, drag and cursor. Cinematic: moving video, frame sequences and photography carry the page.
Local service
Lavenhill
A lavender farm's page: a curved bank of 3D lavender that your cursor combs aside, and the stems spring back.
Studio hero
Lumen Atelier
A glass monolith in front of a huge headline magnifies and splits the letters behind it as you drag it round.
Wellness brand
Emberspire
Two red sandstone spires in a desert canyon; one cursor trail opens a hole into the same canyon in bloom.
Culture site
Kasumi
A curtain of kanji hangs on strings under a temple roof; the strings part around your cursor, can be pulled, and pluck a note.
Portfolio
Hoppenbit
A frog stands in front of a giant HOPPENBIT headline, and his eyes follow your cursor.
Branding studio
Acid Lion
A lion drawn as a grid of glyphs; a cursor trail reveals an acid-lime colour layer cell by cell.
Museum site
Tidal Stickers
Eight die-cut ocean stickers form a horizon under the header and can be picked up and moved.
Studio footer
Pompom Club
A felted tomato-red creature hugs a star behind the contact copy, its googly eyes following your cursor.
Brand site
Moulin Verdelle
An olive-oil bottle stays on screen through four states while a label strip rolls round it.
Product page
Frostline
A giant pixel wordmark glitches in as a ski goggle swings in, then both shrink into the benefits section.
Product page
Fizzleaf
Torn-paper scenes slide over each other as sparkling-tea bottles tilt, line up on podiums and lean in for the finale.
Food brand
Poke Ahoy
A poke bowl on a teal plate gives way to flying ingredients, then settles back on a new colour as you scroll.
Shop
Olea Atelier
The camera pushes through a drawn arch into an olive room that shrinks to a panel as the title and three portraits rise.
Outdoor brand
Trekar
A hiking boot flies and rotates between three scenes as the word swaps and a second boot rises under the sandstone spires.
Product page
KYRO
A motorcycle helmet spins in, whips out and the UI rises; each click moves the helmet, specs and thumbnails one row.
Property
Skyloft
A wordmark zooms through to a dusk valley, then three scenes of an alpine chalet: masked headline rises, hairlines draw and glass cards slide in.
Travel
Ligure
A Ligurian Riviera hero that pans village by village, with layered parallax scenes and drifting boats.
Product
Chronis
Two forest-green arcs on sand and a desk hourglass: a spring-driven four-state carousel with text reels and a thumbnail card.
Travel
Lombok Stay
Banana-leaf walls frame a dawn lagoon; the title splits, the leaves sweep out, palms rise and an aerial coast lifts under Book Now.
Travel
Sandbar
A top-down lagoon story: the tide sweeps over sand and parasols, canoes drop in and a teak jetty rises as you scroll.
Home and decor
Villa Nova
A giant serif wordmark rises from a mask and settles low-left while two stoneware photo cards slide in.
Food and drink
Pressd
A cold-pressed juice carousel: an oversized wheel swings in the next bottle and its colour behind a giant wordmark.
Food and drink
Kettle Dusk
A six-scene sequence for a loose-leaf tea brand: a pouch drops over the headline, the backdrop turns dusk and the brew station slides in.
Food and drink
Smashhaus
A double smash burger assembles from five falling layers, then the nav, headline and menu cards slide in around it.
Travel
Alpen Ridge
A tiny ice-cave window between Traverse and Engadin scroll-opens into a full-bleed alpenglow dusk with rising parallax peaks.
Beauty
Maison Aubrey
A perfume-house hero: one flacon drops in after a dot loader, tilts beside the headline, then straightens as two more slide in.
Outdoor
Torrent Gear
A split-caps headline on a dawn sky, two boots tumble in, then a scroll lifts the sky away and lands one on a granite podium.
Food and drink
Dough Bros
A cobalt studio wall with travertine podiums where soft pretzels tumble and cycle through a carousel.
Food and drink
Zestwell
Drag to switch a two-flavour juice bottle: a lilac plum scene wipes off to reveal aqua mango while the fruit glides into place.
Beauty
Ironbark Skin
Five bottles on stone plinths; a drag wipes the room to ink blue in strips, then a dropper serum rises and four stats count up.
Travel
Hanabi Studio
An autumn maple ryokan with a long load intro, a title that splits apart, a card cascade and a day-to-night flip.
Beauty
Aurelle
A scroll dive through a layered dune field into botanical ingredients, a beaker catching petals and three serum bottles.
Rental
Hirekart
A kart-hire hero where karts skid in and out of a slanted track panel while the name, counter and specs roll like reels.
Travel
Chiang Trails
A terracotta wall with a stone arch opens onto a misty rice-terrace trail; foliage layers shift with your cursor around a split title.
Fitness
Stillform
A giant word behind a cut-out dancer in a sunlit arcade, pinned arch class cards that pan sideways and a booking panel that zooms in.
AI product
Fledge
A playful AI app page: typed boot intro, felt plush birds, a morphing WebGL blob, a tile marquee and scroll-fanned cards.
Food and drink
Amberhive
A retro honey brand where a skep bottle stands in a giant decoding headline and a bee follows your cursor.
Studio hero
Puff Studio
A studio homepage with a dot-face mascot, a morphing particle cloud and service panels that stack as you scroll.
Culture
Pursuit Gallery
A 3D ring of gallery passes with tilted sheets that level out on scroll, bent cards through giant letters and a marquee.
AI product
Egret AI
A drafting-sheet site where stippled pencil renders of a yacht build wall by wall on a pinned scroll.
Food and drink
Cuya Mate
A sparkling-mate can tumbles out of an illustrated hero, pops open, swings in benefit cards and rides an arc headline.
AI product
Palate Labs
A 3D card wheel of food, spice and wine posters turns through a rounded-octagon lens, with a node network and a swipe game.
Developer tool
Copy Foundry
A type-spiral dive with glyph-pixel section seams for a developer-tool landing page.
Food and drink
Nudge Coffee
A giant hand-lettered coffee wordmark writes itself on a cobalt field, followed by flat colour bands in caps mono.
Fintech
Scrappy Pay
A freelancer pay app where your cursor leaves a trail of stickers over a short city video loop.
AI product
Pilot AI
A scroll-told cartoon: a typed headline on a retro computer, a liquid wipe, then an aviator mascot through a maze and cockpit.
Community site
tideFORUM
An anime harbour city holds still until you scroll, then scrubs forward from golden hour into night.
AI product
Kitsu AI
A glossy fox robot's eyes follow your cursor, picking from 72 calibrated frames of one clip.
Shop footer
Harbour Kiln
An ink-drawn bay sits behind the footer copy while two sailing boats glide across on a seamless loop.
Studio hero
Halo Glass
Your cursor punches ink holes through a paper page to show the same word underneath as morphing blown glass.
Product page
Clovera
Rabbit-eared ceramic bowls and a lop-eared rabbit in a lavender field at dusk, uncovered as the hero scrolls away.
Shop footer
Waymark
A Roman aqueduct printed in indigo ink on sand paper, with a camel caravan walking across on a seamless loop.
AI product
Gallop AI
A glass horse bust rises from the bottom edge and turns a full 360 as you move the mouse sideways.
Photography portfolio
High Country
Twenty-one mountain photographs float on a 3D sphere you spin by dragging; click one to fly it into a lightbox.
Story
Ducato
A silver Venetian ducat spins, follows the reader down the page and docks into painted arches.
Brand site
Glazery
A glazed donut floats over a painted sky; scrolling scatters the title, pans the meadow and flips the donut.
Fashion brand
Sela
A two-clip fashion film scrubs behind a white editorial page as you scroll, with material cut-outs sliding past.
Local service
Lustre.Co
A teal 1950s pickup stands in a white studio, and moving the mouse walks the camera round it.
Property
Stratum House
A full-bleed canyon drone flight plays behind a looping 13-second title sequence of cascading lines and a camera push.
Travel
Zephyra
A golden-hour catamaran video fills the screen behind hairlines, a masked headline and glass cards that slide to a glide section.
Product
Kaelo
A dive-watch homepage with a looping video plate behind staged rise-and-fade UI, then an exploded-parts section with a tick-ring dial.
Home services
Lumora Home
A wave-sheet preloader shrinks into a grid tile over a dusk house video, then a pinned three-step build and stacked winter photo panels.
Food and drink
Famished Owl
A hot-honey jar tumbles and pours across an eight-screen scroll-scrubbed run.
Skills
Thirteen kits that make a page move.
Each kit is working, tested code plus a note on what it is for. A skill chooses the kits, generates the assets and checks the result.
WebGL objectA 3D product or character that turns with the cursor.
Cursor videoVideo that follows or is revealed by the pointer.
Cursor revealHoles, trails and masks that open the page.
Shader backgroundsBreathing gradients and fluid fields in one pass.
Drag playgroundPhysics toys you can throw around.
Video plateSeamless loops and plates behind live type.
Product showcasePinned scenes that walk a product through steps.
AssemblyExploded parts that build themselves on scroll.
Depth cameraLayered parallax scenes with a moving camera.
Scene transitionsWipes, slides and zooms between full-screen scenes.
Text motionMasked rises, decodes, rolling words, outline fills.
IntrosPreloaders and first-second sequences.
Asset pipelineGenerate images, video and cut-outs, with spend logged.
Who it's for
For people who sell websites.
Designers and freelancers
Show a client a real moving page in the first meeting, then adapt it to their brand.
Agencies and teams
A shelf of proven mechanics and the process to ship them fast and checked.
Founders
Start a launch page from a template that already feels expensive.
How it works
From request to a live site.
Request access
Leave your email below.
Get the repo and skills
Access arrives by email, with the repository link and setup notes.
Run, adapt, deploy
Open a template, or ask the skill for a new one in your client's brand. Deploy as static files anywhere.
Early access
Get the templates and the skills.
Request access and we will send the repository, the skills and the setup notes. Pricing is confirmed when you ask; there is no payment on this page.
Templates
On request
All template code with README, motion notes and asset logs.
Templates + Skills
On request
The code plus the Claude Code skills and kits that build new sites.
Done with you
On request
We adapt a template to your client's brand, or build one from your brief.
No payment is taken here. We reply by email.
FAQ
Questions.
Are these copies of other sites?
No. Each started as a design study and was rebuilt with a new subject, palette, type, brand and copy, and every image and video was generated fresh. They share a mechanic with what inspired them, not the look.
Do I need Claude Code?
The templates are plain Next.js static-export projects: run them, edit them, deploy them anywhere. The skills are written for Claude Code; they are what turns a brief into a new site like these.
What does one new site cost to produce?
In our own builds the generated images and video came to about $0.05 to $0.80 per site, and up to about $1 for the heaviest video ones. Most of that is the video plate on cinematic sites.
Do they work on a phone?
Yes. The builds were checked at desktop 1440 and phone 390 wide. A few simplify the desktop interaction on touch (drag becomes scroll or swipe).
Are the templates finished websites?
They are design showcases: one homepage each, with placeholder brand and copy, made to be adapted to a real brand.
How do I get access?
Send a request below. Access arrives by email, with the repository link and setup notes.