Two three.js components, recorded frame by frame from the real thing.

Paper Flipbook: drop in page images, drag the corner or use the arrow keys. One thing I learned shipping it: on my published site, React's onKeyDown never fired inside the code component, even though it worked on the canvas. It now listens on its own root element. If your component's keyboard works in the editor but not live, that's worth checking.

Logo Extrude 3D: paste an SVG and it rebuilds as you type. The clip runs a bolt through chrome, glass, clay, gold and holographic, then pushes the depth.

Two three.js components, recorded frame by frame from the real thing.

Paper Flipbook: drop in page images, drag the corner or use the arrow keys. One thing I learned shipping it: on my published site, React's onKeyDown never fired inside the code component, even though it worked on the canvas. It now listens on its own root element. If your component's keyboard works in the editor but not live, that's worth checking.

Logo Extrude 3D: paste an SVG and it rebuilds as you type. The clip runs a bolt through chrome, glass, clay, gold and holographic, then pushes the depth.