A high-density 60 FPS canvas grid of fine dark squares with an interactive mouse hover animation that leaves a smooth decaying light trail.

A 3D perspective-tilted card with scroll-linked parallax entry and interactive spring physics.

An iOS-style Dynamic Island with eleven activities that collapse and reopen as you switch between them.

A row of members that grows on hover, swaps a giant wordmark for the member's name letter by letter, and trails an arrow that points back at the tile.

Ten frames cut past at a fifth of a second each under bright overlaid type, then the whole panel lifts to reveal the page.

Hello in ten languages at three tenths of a second each, then the panel lifts away.

Equal columns clear the screen upward on a ramp — the rightmost snaps away first, the leftmost takes the full three seconds.

Twenty panels in two rows split apart on the same ramp — the top half exits up, the bottom half down.

A ten-box progress track that darkens a box per tenth, spawning tilted info cards into the corners as it climbs past 60, 70 and 80 percent.

Images spawn behind the cursor as it moves, cycling through the set and clearing themselves out so at most ten are ever alive.

A cream board scattered with doodles, where wide image-and-text panels travel a fixed diagonal — in from the bottom right, onto centre stage, then out through the top left.

The jswnth.com hero: a split-text entrance, a scroll wipe, and draggable stickers, held until the page signals it is ready.

A full-screen opening sequence that deals icons and letters into place before lifting away.

A project index whose headings, rules and rows animate in on scroll through a shared data-attribute convention.

A black opening title that sets one letter at a time, with a draggable reel of cards rising in behind the last of them.

Five review cards tapering out from a large centre, flung in from the right one after another — each overrunning its slot by a different amount before settling back.

A logistics landing hero: split-text headings, a rotating badge, and a WebGL depth-map image that parallaxes against the cursor.

A header that flips light-on-dark as dark sections pass behind it, with a scrambling contact button and a full-screen menu whose rows peel open into a marquee.

A photo that parallaxes against the cursor by displacing its own pixels through a paired depth map, rendered on a three.js shader plane.

A pinned studio hero: rocks and brand words fly in and settle into orbit, a WebGL fluid cursor trails the pointer, and the whole frame shrinks and dims as it scrolls away.

An artist page with a half-cropped record that actually plays: it spins up and runs down, a red arc tracks the song, and the track list swaps what is on the platter.

A hero built on two aligned images tilted by a depth map as the cursor moves, with a flat grey trail behind the hidden cursor that shows the image underneath wherever it passes, over a field of ever-shifting wavy lines that take the trail's colour. A loader opens it, then the header, the character and a massive split headline come in on one GSAP timeline.

Cards wound onto intertwined strands of a vertical helix, turning in real 3D as you drag, with the far side dimmed and blurred behind the near one.

A centred hero over an endlessly draggable arc of cards that shrink as they reach the middle and swell toward the edges.

A left drawer that slides out slowly behind a rounded right edge, with links that step aside on hover and an arrow that floods with colour.

A statement line where black closes in from both edges while a looping arrow retracts its own straight run, dragging the closing words into place.

A pinned section where numbered cards rise from below the fold one at a time and stack, tilted, over three words of oversized background type.

A pinned section where images are promoted through three slots on scroll — waiting, centre stage, then out through the corner — each with its own copy alongside.

A macOS-style dock whose icons magnify as the cursor sweeps past them.

A draggable card stack that cycles on click, drag, or a timer.

A card with a radial glow that follows the pointer across its surface.

A tab bar with a spring-loaded pill that slides between the active item.

An infinite, gap-aware scroller with edge fading and pause on hover.

A word carousel that rolls through a list without shifting the line around it.

A light sweep across any text, driven entirely by a CSS gradient animation.

The studio mark traces itself in outline, fills in electric green, then blows up past the edges of the screen to reveal the page.

A card that swaps its content through a burst of randomly ordered pixels on hover, or on tap on touch screens.

Category tabs with a green underline that glides to whichever one is active.

A text field bent along an arc — the text, caret, icon and button all follow the curve, and long values scroll along it.

A contact form asked one question at a time — name on a curved input, email, project type, details — then a review, and a success screen that draws its own tick.

An endless filmstrip of project sketches: the middle card tilts toward the cursor, and a square window following it shows the finished site underneath.

A square case-study card: hovering grows a rounded square out from the cursor that swaps the artwork for a laptop shot, with the name and a View button fading in.

One featured card and four small ones on dashed borders, scaling up and fading in one after another as they reach the middle of the screen.

A bento of disciplines, each card carrying a small looping visual for its subject — an easing curve, reflowing blocks, a load bar, ranking bars, EN crossfading into Arabic.

A paragraph that lights up word by word as it scrolls, with frosted icon boxes that grow and start rolling as the reading reaches them.

Route changes as choreography: the page shrinks into a tilted tile, a second tile waits beside it, and once the new page is in they merge and zoom back to full size.

A chain of emoji bubbles strung on a thin curve, each one chasing the one ahead of it behind the pointer.

The anti-jank promise: a counter that runs to 60fps and a smooth curve that draws itself beside a crossed-out jagged one.

Numbered services that open one at a time, each playing its own small reveal — a clip, typed code, a drawn curve, a network — beside the description.

A tall dark footer with the studio mark as a faint silhouette behind it, a huge call to action in the middle, and links that nudge sideways on hover.

A pinned tech-stack section where the camera follows a green line that draws itself from tool to tool as the page scrolls.

A pinned zigzag column of project cards that scroll up through the section, each scaling in as it arrives while the studio mark draws itself behind them.

A scroll-pinned 3D can rendered with Three.js: arrows spin it to the next or previous flavor — reversing direction for "previous" — while the label swaps mid-turn, the can tilts toward the cursor, and scrolling drives a baked drop-and-flip animation.

A carousel of project sketches under "Make it move." — the first scroll grows the finished site out of the sketch from the cursor, VS Code panels slide in beside it, and more scroll expands it to fill the screen.