Free 3D shapes
Geometric 3D shapes
30 modern, parametric 3D geometric 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 Geometric shapes
Every card opens the live editor with that shape selected.
Cube
Geometric · 3D
Slab
Geometric · 3D
Tower
Geometric · 3D
Plinth
Geometric · 3D
Bevel Block
Geometric · 3D
Orb
Geometric · 3D
Globe
Geometric · 3D
Egg
Geometric · 3D
Lowpoly Orb
Geometric · 3D
Pearl
Geometric · 3D
Icosa
Geometric · 3D
Geode
Geometric · 3D
Gemstone
Geometric · 3D
Dodeca
Geometric · 3D
Crystal Shard
Geometric · 3D
Pillar
Geometric · 3D
Coin
Geometric · 3D
Drum
Geometric · 3D
Rod
Geometric · 3D
Puck
Geometric · 3D
Cone
Geometric · 3D
Spire
Geometric · 3D
Horn
Geometric · 3D
Funnel
Geometric · 3D
Cut Cone
Geometric · 3D
Capsule
Geometric · 3D
Pill
Geometric · 3D
Capsule Tall
Geometric · 3D
Capsule Wide
Geometric · 3D
Capsule Mini
Geometric · 3D
Geometric templates
Each template is a complete shape, material, palette, background and animation preset — fully editable.
Cube Chrome
Minimal · Chrome · Turntable
Slab Iridescent
Minimal · Iridescent · Pulse
Tower Matte
Minimal · Matte · Wobble
Plinth Glass
Minimal · Glass · Jitter
Bevel Block Chrome
Minimal · Chrome · Float
Orb Iridescent
Minimal · Iridescent · Breathe
Globe Matte
Minimal · Matte · Orbit
Egg Glass
Minimal · Glass · Turntable
Lowpoly Orb Chrome
Minimal · Chrome · Pulse
Pearl Iridescent
Minimal · Iridescent · Wobble
Icosa Matte
Minimal · Matte · Jitter
Geode Glass
Minimal · Glass · Float
How to use these 3D geometric 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.