blockanimatiqteardownexploded-viewhardwareengineering

Exploded Teardown

Exploded Teardown content kit: tell a NEW story about a real product built from its own engineering files (lemo-opuscar engine, three.js PBR, boards painted from the KiCad layout, GTAO, depth of field). Prepare the product first with the lemo_prep tool (step teardown.cad: pcb_url KiCad board, plate_url KiCad plate, optional case_url STEP, licence; today only the left half of a Corne-style keyboard with a Cherry MX plate); it writes src/assets/teardown-prep.ts. Without it, use CORNE (half a Corne keyboard, CC BY 4.0). Then defineStory({ prepared: manifest, build }) and play it with TeardownStage. The layers lift on one axis (explodePlan: top first, keycaps in a wave, gaps for a dive, one real keystroke), the camera orbits outside and dives inside (cameraTrack in board millimetres), labels land on the parts and dimension lines are drawn on the closed product. Every number comes from the board's pcb.json. Modules: product, explode, camera, light, story, TeardownStage, engine/overlay (label, dimension, subtitle, endCard). Examples: One Key (new, built only from the kit) and the ported '21 Keys, Opened' film. 16:9, 9:16, 1:1 at 30 fps. Audio is project-owned.

Default duration
8.0s
Frame rate
30 fps
Engine
Remotion / React
Background
Transparent — composites over any scene

Use it

Ask the agent. It copies this component into your project and edits it there — nothing to install, and rendering happens in the cloud.

“Add the teardown scene to my video and set its props to match my brand.”

Open in Studio

Customize in Studio

Adapt the content, styling, timing, and layout to fit your project.

Component settings

Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.