3D motion graphics

3D scenes built with HTML and Three.js: glossy extruded 3D type that orbits into a word, an isometric city that builds itself, a low-poly landscape flyover, a fluid gradient mesh and a generative flow field. No 3D software needed.

Ask Claude to change the word, colours or camera. Pull the scene into Claude Code and render the MP4 on your own machine with npx hyperframes render. Browsing and previewing is free, free accounts copy 2 scenes a day, and the render costs nothing because HyperFrames makes the MP4 on your own computer.

Guides

All how-to guides

Questions

Can I make a 3D logo animation?

Start from the 3D extruded type orbit scene and ask Claude Code to use your brand name, or to extrude a simple SVG logo. The 3D logo guide has the steps.

Do I need Blender or After Effects?

No. The 3D is drawn in the browser with Three.js and HyperFrames renders it to MP4.

Is it free?

Browsing and previewing is free, free accounts copy 2 scenes a day, and the render costs nothing because HyperFrames makes the MP4 on your own computer.

Other categories