Search items

Canvas UI

Shatter

Animated

Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refracting the content beneath them, with perspective and soft shadows. The HTML stays interactive. No dependencies.

ThreeUI

Atelier Flag

3D

The same sheet cut and sewn: three linen panels joined by flat-felled seams and topstitching, an indigo heading tape on the hoist with brass grommets and a mast, hemmed at the fly, and a woven label tacked on at the corner.

ThreeUI

Iridescent Silk

3D

A five-harness satin under a painted studio environment: a thin-film interference layer whose thickness sweeps one full order across the width, so the colour travels over the folds while the wordmark stays a tone-on-tone jacquard.

ThreeUI

Washi Noren

3D

An indigo-dyed kozo noren on a wooden rod, backlit through a shoji: laid and chain lines from the papermaking screen, a torn deckle edge cut by an alpha mask, and slits that free three panels to sway on their own.

beUI

Cylinder Carousel

Animated

A carousel whose items line the inside of a cylinder, receding into the center and growing toward the edges. Drag, scroll or arrow-key to roll it, with a springy glide and snap. Reduced-motion drops the glide.

beUI

Wheel Picker

Animated

iOS-style picker wheel: a 3D drum on native momentum scroll that snaps to the nearest notch, with wheel, drag and keyboard control. Composes side by side for date and time pickers, reduced-motion safe.

Bklit

Bar Depth

3D

3D depth and glossy glass surfaces for BarChart bars

Canvas UI

Bend

Animated

Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies.

Canvas UI

Cloth

Animated

Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. No dependencies.

Canvas UI

DitheredObject

Animated

Renders any GLB or glTF model in a floating studio scene through a 1-bit Bayer dither. Built on three.js.

Canvas UI

GlassObject

Animated

Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refraction, chromatic dispersion, frost, and tinted absorption, lit by a studio environment. Built on three.js.

Canvas UI

Grid

Animated

Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies.

Canvas UI

HexFloat

Animated

Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspective, bob gently, and rise toward the cursor. The HTML stays interactive. No dependencies.

Canvas UI

ParticleObject

Animated

Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes, swirls, and springs back into shape. Built on three.js.

gridcn

Tunnel

Animated

Animated instanced rings form a neon 3D tunnel while keeping draw calls low.

Eldora UI

Cobe Globe

Animated

Interactive 3D globe built with Cobe for geographic or network visuals.

Magic UI

Globe

Animated

An auto-rotating interactive WebGL globe with location markers.

Magic UI

Icon Cloud

Animated

An interactive 3D cloud that arranges icons around a sphere.

Magic UI

Retro Grid

Animated

A perspective grid scrolls toward the horizon.

Magic UI

Warp Background

Animated

Animated perspective lines create a time-warp backdrop for a card.

ThreeUI

Amber Halftone

Animated

An animated amber-to-white halftone point field on a dark plane.

ThreeUI

Ball

3D

A full-frame sphere of 1,900 depth-sorted glyphs with hover acceleration and click-hit letters that break loose, fall, and regrow on synchronized light and dark surfaces.

ThreeUI

Bookshelf

3D

The exact seven-volume Bookshelf collection with its authored room, carousel shelf, individual cover artwork, foil, pages, inspection, opening, and page-turn system.

ThreeUI

Character Filmstrip

Animated

A warm editorial character filmstrip with framed portraits, numbered identity footers, paper grain, and a looping perspective rail.