Copy Prompt → Ship it
Motionthatstopsthescroll.
- NewRevolverSix two-sided premium debit cards ride an invisible, tilted 3D wheel — and somersault as they travel. Each card enters from the bottom of the scene close to the camera showing its BACK (holder name, number, tap-to-pay — all the personal data lives there), tumbles forward through a near-invisible edge-on sliver, lands FRONT face-on at the centre-stage hero pose — the clean design face, kept alive by cursor-tracked tilt and a moving specular sheen — then keeps rotating the same direction through edge-on again to show its back as it recedes into the top stack, smaller, dimmer, softer. Roughly 360° of continuous rotation per visible pass, never reversing, never snapping. One continuous position float drives every card through shared Catmull-Rom station splines, so the six cards move as one machine: consistent spacing, one shared somersault curve, atmospheric depth-of-field. Critically-damped spring physics — soft acceleration, soft deceleration, zero bounce. Wheel, drag, fling (clamped to ±2 slots), tap any visible card to call it to the stage, pips, arrow keys, and a patient auto-advance. Each finish is a tone-on-tone engraving: contour squiggles, a ghosted chip-grid, fine rules, a satin band, star specks, brushed metal.
- NewRiffleA scroll-choreographed 3D card deck. Twenty-two square cover-art cards morph continuously through six formations as the section is scrubbed — a wide elliptical arch, a collapse into a single stacked card, a diagonal cascade receding into depth, a swirling pinwheel ring with a dark centre hole, a chaotic mid-air tumble where cards flip and scatter, and finally a sparse coverflow that settles with a live caption describing the focused card. One hero card threads through all six as the constant the eye tracks. A single scroll-progress value drives a per-frame spring toward each card's target pose (blended between the two bracketing formations with a hold-morph-hold remap and a per-card stagger wave), so the deck reads as a living thing rather than a slideshow — and the whole sequence reverses exactly on scroll-up. GSAP ScrollTrigger feeds the progress; raw requestAnimationFrame owns the CSS-3D transforms and a subtle cursor-parallax tilt of the entire deck. Theme-aware near-black cinema stage with vignette and film grain; reduced-motion snaps to the captioned rest state.
- NewConsoleA vintage 1990s computer hero. A chunky CRT monitor with an amber-phosphor screen sits above a chiclet keyboard with cream caps and three colour-accented specials — ENTER in blue, SHIFT in violet, BACKSPACE in orange — plus an ESC clear and an OPT cap on the bottom row. The CRT shows a blinking caret and a 'Type something…' placeholder over a scanline pattern, glow, and a subtle screen vignette. Click any key on the screen and the cap presses down crisply while the character lands on the CRT (letters appear uppercase for the retro feel); type on your physical keyboard and the matching on-screen cap presses in sync — letters, digits, Space, Enter, Backspace, Shift, and Escape are all wired through. ESC clears the screen. The global keydown listener politely ignores events when a real form input is focused, and touch taps are guarded against the synthetic-mouse double-fire. GSAP plays a brief entrance on the computer; everything else is pure React state and CSS — no canvas, no physics simulation needed for this one. Honours prefers-reduced-motion.
- NewAuroraA single flowing silk-ribbon mesh — one draw call, no textures, no post-processing — twisting and curling across the viewport on the GPU, coloured by a continuous blue → periwinkle → orchid → hot-pink → coral → orange → gold gradient across its width with fine flow-aligned silk fibres, a bright fresnel fold-crease highlight, and soft feathered selvedge edges. The centerline drifts and sways while the cross-section twists and curls; surface normals are computed analytically per-frame from the two surface tangents so the fibres and crease rake correctly as the ribbon writhes. Every visual parameter — composition (scale, offset, rotation, FOV, camera), motion (speed), shape (length, twist, width, curl, wave, sway) and surface (fibre frequency/contrast/blur, emphasis band, edge sharpness, crease, flow, opacity) — is driven live from a single config object. Premultiplied-alpha output sits cleanly over any background. Reduced-motion renders a single still frame; an IntersectionObserver and a visibility listener pause the loop off-screen or in a hidden tab; pixel ratio and frame-rate are capped; the WebGL context is fully disposed on unmount.
- NewOverworldA playable, top-down pixel portfolio. Visitors steer a four-direction character around two single-screen scenes instead of scrolling a page. The office is the professional story — walk to the laptop to open a Projects modal, the bookshelf for a reading list, the file cabinet for the CV and documents, and the coffee table for a small personality aside. Step through the door and the scene cross-fades to a garden — the personal story — with a mountain bike (a dialogue about resetting on the trails), a camera table (a photo album), and a playground (a quiet line about fatherhood). Real depth: the character passes in front of and behind furniture via per-frame Y-sorting, collides with walls and objects on an axis-separated AABB sweep, and can nudge the office chair at the desk within its range. A single requestAnimationFrame loop drives movement, the 4-frame walk cycle, and collision, all written straight to DOM transforms so React never re-renders mid-walk; only discrete state (scene, nearest tooltip, open modal) hits React. Pre-rendered info badges surface above the closest object, and only the closest one shows. WASD/arrows + E on desktop; an on-screen D-pad and interact button appear on touch. Every modal opens over the paused world and returns the visitor to the exact same spot. All content — projects, books, CV, photos, dialogue, and object placement — lives in one editable data file.
- NewRotundaA floating wheel of eighteen portfolio cards on a tilted 3D ring, the whole composition vertically centred on a near-black stage so the curve sits in the precise middle of the canvas. Drag, fling, or trackpad-swipe and the wheel spins on its vertical axis with spring-physics momentum; the front-most card lifts toward the camera, pushes forward, and gets a soft warm halo, while its neighbours quietly scale away. Cards stay in full daylight colour — no dimming, no dark overlays — so the photography pops against the dark room. A preview panel in the upper-left mirrors the active card with its name and tagline, crossfading as the wheel turns. Click the front card and it FLIPs (power4.inOut) from its 3D position into an edge-to-edge immersive view: the surrounding cards disperse outward and fade, the upper-right brand chrome restyles against a translucent dark gradient on the photo, a right-aligned editorial panel slides in (eyebrow, uppercase title, two-up tags, multi-line description, mono caption with date + coords), and a left-side vertical 'Adjacent index' fades in — three low-opacity framed previews of other works with crisp monospace metadata (coords / camera / date) and a minimal text-only Back arrow above them. Closing reverses the same easing with a carefully orchestrated handoff: the wheel cards drift back from the centre before the overlay fades, so the morph is glitch-free. Cards are CSS 3D (rotateY + translateZ + tilt) with backface culling; every transform is rewritten per frame from raw rAF.
- NewRooster RushA full-bleed hero that doubles as a real 3D platformer. Editorial title and CTAs float over a sunrise sky; below, a RobotExpressive character runs, jumps, and grows on a procedurally-generated endless world of ground tiles, floating platforms, gaps, towers, walking enemies, gold coins, and mushroom power-ups. Spring-physics movement with coyote time, jump buffer, and variable jump height. Collisions are per-frame AABB sweep; stomping an enemy from above bounces the character, side contact shrinks them, and falling off the world resets to the nearest safe ground without losing score. A live score chip and best-of-session counter sit in the top right, persisted to sessionStorage. Touch pad controls appear on coarse-pointer screens; keyboard arrows + space drive desktop. The directional light tracks the camera so soft shadows render the whole way down the endless run.
- NewAtelierA full-bleed macOS-inspired portfolio hero. Ten draggable project files scatter across a softly-blurred warm wallpaper; click any one to open a generous editorial modal with a brief block and a 3×3 case-study gallery. A floating glass dock at the bottom magnifies on hover and carries app icons that open Notes, Photos, CV (Apple Notes-style), short quip windows for Figma / Claude / ChatGPT, an Instagram link, a mailto, and a Trash bin one-liner. Three "do not open" folders quietly redirect to a Rick Astley video. GSAP entrance (per-tile scale + blur + y-translate), raw rAF for dock magnification, pointer-event drag with direct DOM transform during the gesture and a single state commit on release.
- NewMomentsA viewport-filling photography wall — every cell pushed aside by a cursor-following gravity void. The void is comfortable: it holds still while your cursor rests inside, and only slides toward you when you wander outside, on a smooth lerp, so you can drift through the whole wall without ever fighting the focal point. Cells near the void displace radially with a quadratic falloff and a soft fade at the center, leaving a clean circular clearing that reads the closest photo as the featured moment — title, category and a short field-note caption all surface in the void. Click the featured image and the void dilates: the photo grows, a glass detail panel slides in with the full description and an order CTA, and the wall reshapes around it. ESC or backdrop closes; the void resumes following the cursor exactly where it left off. Raw rAF for the void physics and per-cell displacement, GSAP timeline for the radial entrance reveal and hero copy cascade.
- NewSpringA bright, full-bleed subscribe hero set against a spring meadow video — blue sky, cherry blossom trees, green hills, and a small lake. Every title letter rides an invisible 4-face dice that rolls forward in two back-to-back 90° tilts with a soft `back.out` overshoot, so each character blooms into place from above instead of tumbling in. A small eyebrow chip above the title ("Dispatch №01 · Spring") sets a magazine-newsletter tone. Beneath the title: a glassmorphism subscribe pill with backdrop-blur and saturation boost, a cursor-tracked radial sheen, focus-within glow, and a submit button that morphs idle → loading (rotating arc) → success (stroke-drawn checkmark) while the input crossfades to a quiet confirmation. The whole title group tilts in 3D toward the cursor on a smoothed lerp. The video runs at native colour — no overlays — so the meadow palette stays bright. GSAP timeline for the entrance, raw rAF for cursor parallax and form sheen.
- CipherA scroll-driven ASCII trading terminal that disintegrates and re-coalesces between three full mobile screens — a BTC spot orderbook with live candlesticks and depth ladder, a gold options chain with greeks and a hockey-stick payoff curve, and a portfolio dashboard with allocation bars, holdings table, six-month sparkline and risk metrics. Every screen is built cell-by-cell out of monospace shading glyphs, box-drawing characters, Unicode bars and real ASCII letters, so the art reads as a real terminal, not as text-of-an-image. Between screens, every alive cell becomes a particle that flies along the wind axis, burns into a scorch glyph mid-flight, and resolves into its destination character — outgoing and incoming clouds overlap, the canvas flips palette from light to dark and back, and the text panel slides across to the opposite side. The simulation is fully deterministic and scroll-reversible: scrubbing up reverses the disintegration exactly.
- AsterA cinematic, full-bleed subscribe hero named after the star-flower it evokes — bioluminescent ribbons flow across a starlit meadow video while every title letter rides an invisible 4-face dice. Each cube rolls forward in three back-to-back 90° tilts: the current face hinges down into the bottom slot and the next identical-letter face drops in from above, three times in a row, with a tight cascade across the row. The letter never spins on its own axis — the dice rotates beneath it — so the title reads cleanly while still feeling kinetic. Beneath the title: a glassmorphism subscribe pill with backdrop-blur, a cursor-tracked radial sheen, focus-within glow, and a submit button that morphs idle → loading (rotating arc) → success (stroke-drawn checkmark) while the input crossfades to a quiet confirmation. A floating dev panel exposes every animation parameter as a live slider with a scrub timeline for fine-tuning. GSAP timeline for the entrance, raw rAF for cursor parallax and form sheen.
- BoutiqueA spherical lookbook shop. Seventy-two model cutouts (eighteen unique looks, distributed so duplicates never sit next to each other) curve across a navigable canvas with a soft fish-eye lens — cards near the viewport centre breathe out, edges shrink and pull in. Drag to pan, scroll to zoom, and the sphere zooms with the grid. Click a model and the camera dollies forward until the chosen look fills the screen at 75 vh while neighbours stay visible around it; a side panel slides in with a big featured garment image, a three-thumb slider (jacket / jeans / shoes) with active and added-to-bag states, and two CTAs — Add individual piece, or Buy entire look. Click any other model mid-view to cross-fade to it without closing. ESC, the close button, or drag-to-pan all drop the selection.
- CremaA coffee-shop app hero with three phones flipping in fixed positions — each rotates around its own Y axis on a staggered cycle, swapping the in-screen UI mid-flip between an order builder, a loyalty stars ring, and a social-proof feed. Floating coffee props (espresso cup, croissant, donut, latte mug, beans) drift in slow sin/cos orbits between the phones. The title cascades letter-by-letter in Bagel Fat One — blur, scale, y-translate — and lands inside a second of the load. Built for coffee brands selling app downloads.
- HardbackA curated 3D bookshelf that opens. Twelve hand-modelled hardcover books fly in from off-screen and settle onto a shelf — neighbours stand spine-forward, the centre book pivots cover-forward as the slider passes through it, with continuous coverness interpolation (no snap).
- MarathonA real 3D iPhone tumbles vertically through three slides of a fictional running app — back at the bottom, screen face-on at the centre, back again at the top. At each apex the screen content erupts past the bezel into the world: a GPS route paints across the section, a heart-rate waveform becomes the horizon, weekly bars climb up out of the device. Drag, wheel, fling, or click a pip — three slides loop both directions on spring physics.
- FolioA scroll-jacked portfolio reel for agencies and creative studios. Two synchronized columns — a typographic title list on the left, a scaled image-and-video strip on the right.
- Cinema ReelA vertical film-portfolio slider with cinematic snap-physics. Drag, fling, or wheel past a tension threshold to advance — anything short and the slide springs back. Outgoing content overshoots the image in a parallax lead, incoming content stays hidden behind a blurred veil until the frame is half in. A custom SCROLL cursor morphs into a grab-hand with directional chevrons mid-drag.
- CardwallA dense stack of fourteen credit cards fanned across a serif title. Move the cursor along the row and each card springs to meet you — Gaussian-falloff lift, cursor-tracked tilt, live specular highlight, and a shadow that grows as each card leaves the surface.
- Picasso EcommerceA scroll-driven paintings portfolio with ecommerce — cards rise and fan into a curved conveyor, showcasing original artwork with paint-brush badges, room preview, awards, and testimonials. Spring-physics transitions, detail view with framed art and add-to-cart.
- Portfolio PhotographerAn infinite portfolio reel for photographers — thumbnails parade across a strip, then break formation into a composed chaos explosion driven by Halton sequences. Magnifying-glass wireframe grid, lightbox with auto-play, 3D cursor tilt, and hero copy with letter-by-letter entrance.
- Stream ShowcaseA Netflix-inspired rotating card slider with spring-physics momentum, center-card spotlight, click-to-expand FLIP animation with vertical card flip, episode browser, and inline YouTube playback. Auto-advances, drag-flingable, hover-pausable.
- Momentum SliderAn infinite 3D perspective carousel with spring-physics momentum, drag interaction, and cinematic product modals. Edge-to-edge hero section with auto-play, snap-to-card, and depth-aware transforms.
- Drag GalleryA momentum-driven infinite product carousel with velocity-based card skew, inner image parallax, and spring-snap physics. Grab, fling, and watch cards lean into the motion — ecommerce browsing that feels like play.
- MembraneA living surface that responds to your presence — spring-physics mesh with wave propagation, cursor deformation, and click impulse. The membrane breathes, ripples, and glows.
- Shape TrailYour cursor paints the void — geometric shapes bloom behind every movement. Slow strokes leave delicate circles; fast swipes scatter diamonds, stars, and hexagons in warm earth tones. Click to burst. Physics-driven drift and fade.
- Liquid TypeTypography that behaves like liquid — each character inflates, displaces, and glows as your cursor passes through. Spring-physics variable font weight, click shockwaves, and an idle breathing wave that never stops.
FormationA 'Selected Works' portfolio wall built on one set of cards and four formations, switched from a header toggle: Flat — a scattered ellipse ring hugging the viewport with a clean centre; Tilt — a big horizontal row, every card turned the same way in 3D and bleeding off both edges; Ring — a descending diagonal S-wave from top-right to bottom-left, cards overlapping into depth; Gallery — a large coverflow filmstrip you drag through. Switching a toggle springs every card from its current pose to the new formation, so the change reads as one continuous morph rather than a cut. A single rAF loop owns the per-card springs, a cursor-following 3D lean of the whole wall, a drag offset to pan/scrub the linear formations, and a live hover hit-test that lifts whichever card the cursor is over and floats its title. Each card is a self-contained generated poster built from a per-work palette (real photography drops in by URL). Click any card and it grows from its exact on-screen rect into a centred detail panel with the brief; Esc or the backdrop closes it. GSAP owns the staggered entrance bloom and the open/close; reduced-motion snaps to the Flat formation; the loop pauses off-screen and in hidden tabs.
Pricing
One library. Two ways in.
Subscribe for the occasional build, or pay once and own every section forever — including the ones we haven’t made yet.
Monthly
For the occasional build
$9/mo
Unlock 5 sections a month. Cancel anytime.
- Unlock any 5 sections each month
- Copy & re-copy what you unlock, all month
- New sections as they ship
LifetimeBEST VALUE
For regular builders
$99 once
$108/yr on monthly · pays for itself in under a year
Every section, unlimited, forever.
- Unlimited unlocks — no monthly cap
- Every section in the gallery
- Every future section, free forever
Studio
For agencies & teams
$249 once
Lifetime access, licensed for client work.
- Everything in Lifetime
- Commercial license for client & paid work
- Use across your whole team
Not sure yet? Start monthly — unlock any 5 sections this month. Compare plans →
One partner, endless motion.
The animations you can't build yourself.
Premium landing pages and animations — built with Claude Code, delivered in days, not months. One request at a time. Pause whenever you're between projects.
Solo studio — only 3 active builds at a time. 1 spot open.
Motion Club
Pause or cancel anytimeFounding rate — limited
$3,995/mo$4,995
One request at a time — first preview in ~48h
Unlimited requests & revisions
Landing pages, animated sections & interactions
You keep all the code
Pause anytime — unused days roll over
Book a callSubscribeRequestReceive in days
Not loving it after the first week? 75% back, no questions.
FAQ
Questions, answered.
Each section comes as a detailed prompt + spec file. Copy it, paste it into Claude or your AI model of choice, and you get the full, production-ready section — physics, interactions, and all.
On the Monthly plan you can open up to 5 different sections per billing month. Once unlocked, you can copy and re-copy those sections freely all month. The allowance refills on your renewal date.
Monthly ($9) is great for the occasional build. Lifetime ($99) pays for itself fast if you ship regularly — unlimited unlocks, every section, and every future one we add, forever.
Yes. Lifetime covers your own projects. For agency and paid client work across a team, the optional Studio tier adds a commercial license.
You keep access until the end of your current billing period, then it simply pauses — no further charges. Resubscribe any time to pick up where you left off.
Always. New sections ship regularly, and every plan gets them as they land — Lifetime and Studio at no extra cost.
Stop settling for static
Your website deserves
sections that breathe.
Physics-based. Cursor-responsive. Impossible to replicate. Each one ships as a detailed spec, ready to build.
From $9/mo · cancel anytime · or own it forever for $99
