Free 3D shapes
Space 3D shapes
10 modern, parametric 3D space 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 Space shapes
Every card opens the live editor with that shape selected.
Space templates
Each template is a complete shape, material, palette, background and animation preset — fully editable.
Orbit Hologram
Space · Holographic · Jitter
Atom Chrome
Space · Chrome · Float
Planet Neon
Space · Neon · Breathe
Comet Obsidian
Space · Obsidian · Orbit
Moon Hologram
Space · Holographic · Turntable
Molecule Chrome
Space · Chrome · Pulse
Cluster Neon
Space · Neon · Wobble
Bubble Obsidian
Space · Obsidian · Jitter
Berry Hologram
Space · Holographic · Float
Network Chrome
Space · Chrome · Breathe
How to use these 3D space 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.