Components

Creative components you can drop into any project. Browse the collection and make them yours. More on the way.

• ASCII Object

  Any GLB/glTF model, SVG, or image floating in a studio scene, redrawn as shape-matched ASCII characters.

• Asciify

  A soft lens that follows your cursor and redraws the live HTML beneath it as ascii characters.

• Bend

  Folds the top and bottom of your live HTML over straight virtual edges, like scrolling on the face of a cube.

• Blaze

  Fire sparks, smoke, and heat distortion rising over your live HTML.

• Bubble

  A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it.

• Canvas

  Paints your live HTML onto woven artist canvas, with a cursor that drags ridges of wet paint across the weave.

• Cloth

  Hangs your live HTML on fabric rippling in the wind. Cursor strokes send waves across the cloth.

• Clouds

  Theme-aware mist that blurs and refracts your live HTML, parted by cursor wind.

• Decrypt Reveal

  Renders your live HTML as ASCII cipher text that decrypts into the crisp UI around the cursor.

• Dithered Object

  Any GLB/glTF model, SVG, or image floating in a studio scene, rendered through a 1-bit dither.

• Displacement

  A displacement grid that ripples your live HTML away from the cursor, with color fringing and grain.

• Droplets

  Rain droplets that run down the screen and refract your live HTML.

• Flame Wrap

  Wraps any element in a border of fire with molten edges, sparks, and heat shimmer.

• Force Field

  An energy shield over your live HTML where clicks detonate shockwaves that refract the page.

• Frost

  A frozen pane of ice over your live HTML that melts under the cursor and refreezes.

• Glass

  A cursor-following glass lens that refracts your live HTML and zooms in on targets like a crystal ball.

• Glass Object

  Turns any 3D model, SVG, or image into floating liquid glass with real refraction, dispersion, and frost.

• Glitch

  Broadcast glitch bursts that tear your live HTML into shifted slices with RGB splits and corrupted blocks.

• Glyph Rain

  Falling glyph streams that light up your live HTML, with drop heads that surge where your cursor cuts through.

• Grid

  3D tiles that ripple in staggered waves around the cursor over your live HTML.

• Hex Float

  Your live HTML on shiny floating hex tiles with perspective tilt and cursor lift.

• Ink Object

  Any GLB/glTF model, SVG, or image floating in a studio scene, printed as rough hand-pressed ink strokes.

• Laser

  A laser beam near the bottom of the viewport that reveals your live HTML from behind it on scroll.

• Liquid

  A pointer-driven WebGL fluid simulation that runs over your live HTML.

• Magnify

  A sci-fi scanner lens that magnifies your live HTML inside a HUD reticle, with click ripples that bend the page.

• Particle Object

  Rebuilds any 3D model, SVG, or image as particles that scatter around the cursor and spring back into shape.

• Particle Reveal

  Renders your live HTML as fine readable particles that merge into the crisp UI around the cursor.

• Particle Scroll

  Dissolves your live HTML below a chosen line into fine sand particles that reassemble on scroll.

• Peel

  Peels your live HTML back from a chosen edge on hover, revealing a second layer underneath.

• Retro Dither

  A retro dither lens that pixelates your live HTML around the cursor.

• Ripple

  Water ripples that spread from every click and refract your live HTML like a pond surface.

• Shatter

  Breaks your live HTML into 3D glass shards that lift, float, and refract around the cursor, with perspective and soft shadows.

• Liquid Object

  Drags any 3D model, SVG, or image through invisible liquid that swirls under the cursor and splits the light into color.

• VHS

  Worn tape playback with wave, head-switching noise, chroma bleed, and grain over your live HTML.