Free 3D shapes
Structures 3D shapes
10 modern, parametric 3D structures shapes for hero sections, landing pages, product visuals and UI decoration. Open any shape in the browser studio, customize its material and lighting, animate it, then export GLB, Three.js code, SVG or a transparent PNG.
All Structures shapes
Every card opens the live editor with that shape selected.
Structures templates
Each template is a complete shape, material, palette, background and animation preset — fully editable.
Lattice Carbon
Tech · Carbon · Breathe
Cage Chrome
Tech · Chrome · Orbit
Grid Box Glass
Tech · Glass · Turntable
Frame Neon
Tech · Neon · Pulse
Scaffold Carbon
Tech · Carbon · Wobble
Arch Chrome
Tech · Chrome · Jitter
Gate Glass
Tech · Glass · Float
Portal Neon
Tech · Neon · Breathe
Bridge Carbon
Tech · Carbon · Orbit
Tunnel Chrome
Tech · Chrome · Turntable
How to use these 3D structures shapes
- 1. Pick a shape. Open the studio and choose any card. The selected object updates immediately, with geometry generated by Three.js in your browser.
- 2. Make it yours. Switch between chrome, glass, neon, iridescent and eight more materials, then adjust color, metalness, roughness, transmission, glow and opacity.
- 3. Light and animate. Choose a studio environment, six backgrounds, five camera angles and nine animation presets. The timeline scrubs, plays and changes speed.
- 4. Export. Download a transparent high-resolution PNG, SVG edge art, a binary GLB model or clean Three.js code you can paste into your own project.
For website heroes and landing pages: use a transparent PNG for a static accent, or the GLB in a glTF viewer for a slow, lightweight floating object. Keep the background transparent and export at 2048 px for retina screens.