Type that breaks into 3D.

A WebGL text component that rebuilds any word from thousands of real 3D cuboids — one per pixel — that flee your cursor. Drop it into any Framer site.

Get the component — $29

See controls

Real 3D cuboids

Every ink pixel becomes an actual Three.js box — extruded, lit and rendered in a single instanced draw call.

Cursor-reactive physics

Cuboids flee the pointer in 3D, rise toward you and colour-shift, then ease home. Sensitive across the whole surface.

Fully controllable

13 property controls — text, font, colours, density, cube size, depth, avoid radius and strength, lift and ease.

Thousands of boxes. One draw call.

It rasterises your text, samples the ink pixels, and instances one cuboid per pixel — so it stays smooth even at high density. Tune Sample Step for finer or faster.

Every part is a control.

Text · Font · Font Size · Base Color · Near Color · Background · Sample Step · Cube Size · Cube Depth · Avoid Radius · Avoid Strength · Lift · Ease

Add it to your next project.

One drop-in component. Native React + WebGL. Works in any Framer site.

Get Voxel — $29

Voxel — 3D pixel type for Framer · Native React + WebGL