Code 3D Extrude
Syntax-highlighted code on a lit, beveled 3D slab that rotates through real space and settles to a readable rest — true WebGL depth and lighting, not a 2D transform.
This item ships no declared props yet — it renders with its built-in defaults.
- 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 code-3d-extrude scene to my video and set its props to match my brand.”
Customize in Studio
Adapt the content, styling, timing, and layout to fit your project.
Related
All codeCode Shader Dissolve
The code compiles into existence: a GPU fragment shader resolves it out of seeded noise with a chromatic dissolve front and edge glow, then holds crisp.
Code Diff
An edit shown as a colored diff — removed lines collapse in red, added lines expand in green.
Code Highlight Sweep
A highlight band sweeps across a target line while the surrounding context dims — draws the eye to one line.
Code Morph
One snippet transforms into another — tokens glide between positions, leavers fade out, enterers fade in. Shiki Magic Move re-driven as a paused GSAP timeline.
Code Particle Assemble
Thousands of GPU points scatter through space and fly to the exact glyph pixels of the code, resolving into readable syntax-highlighted text — a particle system, not a token tween.
Code Scroll To Line
The camera scrolls a long file to bring a target line to center and spotlights it — for walking through real modules.
Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.