@atelier

A fluid distortion effect that follows the cursor.

A trail of pixels that follows the cursor.

A grid of dots that reacts to the cursor.

Text that pixelates in and out.

A trail of images that follows the cursor.

A gallery that loops forever.

Text that scrambles into place.

An image or video that ripples under the cursor.

Infinite scrolling columns with parallax.

An infinite zoom through images.

Items that spread apart while scrolling.

A utility that splits text for animation.

Text that bounces away on hover.

A shared portal between the DOM and the canvas.

A single shared WebGL canvas for the whole app.

Smooth scrolling for the whole page.

A WebGL plane that mirrors an image.

A WebGL plane that mirrors a video.

A WebGL plane that mirrors text.

An image or video that bends as you scroll.

An image or video with a cursor-following lens.

Text with an animated shimmer and distortion.

An image or video that breaks into pixels under the cursor.

A viewport with its own scene and camera on the shared canvas.

A gallery of images mapped onto a sphere.

An infinite carousel of images staggered along a spiraling tube that scrolls indefinitely.

A grid of pixels that fills in as you scroll.

A gallery of images on rotating rings.

A wrapper that bounces away from the cursor on hover.

Wiring rules an AI agent reads before using Atelier components.

The Atelier system: one shared canvas, smooth scroll, and the agent rules.

Text that rolls through its letters.

A glowing halftone background.

Items that bounce and stick to the center while scrolling.

A glowing fog background.

An animated flowing gradient background.

Text and images that wave across the screen while scrolling.

Letters that come together into readable text as you scroll, then scatter again.

Images that traverse the screen, magnifying and rising to the top of the stack as they pass the center.

A configurable grid of cards that stacks to the center while scrolling.

A grid that scatters away from the hovered item.

Images or items that burst around the cursor when it enters an element.

Flat images scattered over a draggable sphere, where depth is only a change of scale.

Text that falls and bounces when the cursor moves over it.

Images that pop up along the cursor's path and fade out behind it.

A trail of dithered dots that follows the cursor and bends the scene behind it.

A route transition engine that covers the page during navigation.

A page transition that clips and scales the page behind a cover.

A page transition that sweeps staggered bands across the page.

A page transition that wipes a staggered grid of stripes across the page.

A page transition that pixelates the screen with a fixed grid of squares.