Copy Prompt → Ship it
Motionthatstopsthescroll.
- NewDesk 95A pixel-perfect Windows 95 desktop reimagined as a portfolio hero. Boots through a brief BIOS sequence into a teal #008080 wallpaper with chunky 3-D bezels, navy title bars, MS-Sans-Serif-style typography, and the unmistakable dotted-outline window drag of Win 3.1/95 — only a 1-px-dashed marquee tracks the cursor; the window snaps to that position on release. Ten draggable project files (NOIR_LEATHER.EXE, KESTREL_FW.EXE…) sit along the desktop and open into a Win95-chrome project viewer with hero photo and a Challenge / Direction / Outcome brief. A system column on the right carries My Computer, Recycle Bin, Notepad (a working textarea with the designer's CV), Calculator (a real working standard-mode calc), and an Inbox icon. The bottom taskbar carries a Start button with a 16-px multicoloured flag, a click-through Start menu (Programs / Documents / Settings / Find / Help / Run / Shut Down…), one button per open window with pressed/raised states, and a live clock. Z-order, focus, and minimise all match the original. Mobile gracefully falls back to a static "Welcome to Desk 95" tile under 1024 px.
- NewPantheonA full-bleed gallery that turns. Each master floats at centre inside a circular liquid-glass medallion — a real Snell's-law lens that refracts their masterpiece behind it at the rim — ringed by a gilt laurel wreath, their name set large in Playfair below with lifespan, movement, and the work on show. The rest of the cast curve away to the sides, smaller and drained to monochrome. Wheel over the stage, drag, tap the chevrons or pips, press the arrow keys — or simply wait — and the ring revolves: the next master glides to centre and blooms back into colour, the laurel transfers to them, the painting cross-fades to their work, and the name re-sets with a soft blurred rise. Seven public-domain icons — David's Napoleon Crossing the Alps, the Mona Lisa, The Starry Night, The Great Wave, The Kiss, the Birth of Venus, the Night Watch — each shown with the artist's own portrait. One displacement map, baked once for the medallion box and shared by every lens via a single SVG filter, keeps the optics physically real on Chromium; Safari and Firefox fall back to a frosted rim. A patient auto-advance pauses on interaction and resumes on idle; theme-aware museum staging (near-black in dark, warm white-cube in light); honours prefers-reduced-motion.
- NewBenchmarkAn Apple-Keynote performance slide turned into a living section, split roughly 38 / 62 horizontally — figure on the left, claims on the right. On the left, a giant Poppins figure (80%, 5×, 2.4M, 99.9%) each number carries its own static radial gradient — varied hues over one shared structure (a bright origin pushed below the glyphs so no hot dot shows) — clipped to the digits, under a small mono 'source' tag. On the right, a vertical column of one-line SaaS claims sits under a focus lens: only size and colour change with distance — only the single centred claim is dark (#010102) and large, every other claim a flat grey (#636365); size still falls off smoothly with distance, with no blur and a constant font weight. The list steps one claim at a time with an expo.inOut snap, dwelling while each claim sits aligned with the figure, then snapping to the next — an endless, snappy auto-cycle; whichever claim owns the centre drives the figure, which rebuilds with a scale + y snap (no blur, expo.out) as the number changes. A wheel notch or touch drag steps it manually and pauses the cycle; after a short idle the auto-cycle resumes — gated to when the cursor is over the section so the page scrolls normally elsewhere. One rAF clock owns the per-row transforms and the gradient while a GSAP expo.inOut tween owns the stepped position; React only re-renders the one discrete bit — the focused claim, which the figure renders straight off, so number and claim can never drift apart. A fixed light palette (#F2F2F4), a screen-reader list of the real stats, a live tuning panel (timing, sizes, lens) on ?tune=1, and prefers-reduced-motion that holds each claim still while keeping manual stepping.
- NewApertureA curated editorial scatter of photographs — frames at deliberately varied sizes (some large, some small) separated by airy, uneven negative space, with several deliberately bleeding past the left and right edges — laid out as a hand-placed tile that loops vertically (a single alternating, edge-bleeding column on mobile). It holds its horizontal position — nothing slides sideways; instead the whole view drifts slowly and continuously upward on its own, and you can scroll up or down (wheel or drag) on top of that, with the whole tile looping forever. As you scroll, the wall bows GENTLY around a horizontal focal line like a soft lens: scrolling DOWN bends it slightly convex (the centre eases toward you while the top and bottom frames tilt and recede), scrolling UP bends it concave (the rim leans toward you). The curve is driven by scroll velocity and smoothed so it ramps in and relaxes back to flat — it never folds into a hard barrel. On top of the bow, the whole wall balloons a touch larger as you scroll down — the gaps widening and the outer frames spilling further past the screen edges — and eases smaller as you scroll up. Click any frame, wherever it sits, and it zooms from its exact rectangle to fill the screen — its title, location and year, and the camera it was shot on (body, lens, focal length, aperture, shutter, ISO) fading in over a cinematic scrim; the close button, a click anywhere, or Escape shrinks it straight back into its exact place in the wall. A single raw requestAnimationFrame loop owns the wall — the auto-scroll, the velocity-eased curl, the looping vertical wrap, the cylinder projection and a live z-sorted click hit-test — while GSAP drives only the entrance bloom and the zoom. The section never pins the page; it captures the wheel itself. Theme-aware chrome, a flat reduced-motion fallback, and full teardown on unmount. Eighteen frames ship in from the in-house set with believable shot data; swap your own by editing photos.ts.
- NewFormationA '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.
- 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.
- Most copiedAtelierA 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.
- FreeCinema 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.
- Most copiedPicasso 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.
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 3 sections a month — yours to keep. Cancel anytime.
- Any 3 sections a month — full prompt + spec each
- Everything you unlock stays unlocked
- The whole gallery to pick from, new sections included
BEST VALUE
Lifetime
For regular builders
$99 once
Founding rate — $149 after June 30
Cheaper than a year of monthly.
Every section, unlimited, forever.
- Yours forever — every section, nothing ever locks
- Every future gallery section included
- Use on client & commercial work
- No monthly cap, no renewal date
14-day money-back guarantee — full refund, no questions.
Studio — everything in Lifetime for up to 10 team seats. One purchase covers your whole studio. $249 once.
Get Studio — $249Not sure yet? $99 once is less than a year of monthly — and it never expires. Compare plans →
One partner, endless motion.
The pages you don't have time to build.
Premium landing pages and animations — designed, built, and 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 your AI coding tool of choice, and you get the full, production-ready section — physics, interactions, and all.
On the Monthly plan you can open up to 3 new sections per billing month — and anything you unlock stays unlocked for as long as you're subscribed. 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 — every plan covers commercial and client work. Lifetime licenses you as an individual; Studio covers your whole team.
You keep access until the end of your current billing period, then it simply pauses — no further charges. Anything you've unlocked stays yours; resubscribing restores access to it, plus a fresh set of unlocks.
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
