Start with a template
Every shape ships with a matching material, palette, background and animation preset. Open a template, then make it yours — colors, geometry and timing stay editable.
Browse 153 templates
SVG Nexus
Shapes Studio
3D Shapes Studio
153 parametric shapes · real Three.js
Geometric
Orb
1 part
0 tris
1 object
Your browser could not start WebGL 2
Enable hardware acceleration or try a recent version of Chrome, Firefox, Safari or Edge. The shape catalogue is still browsable below.
Pause
Scrub
SVG NEXUS 3D STUDIO
153 modern 3D shapes, ready for the web
Build a real Three.js scene in your browser: choose a parametric shape, tune its material and lighting, animate it, and export a transparent PNG, SVG edge art, GLB model or clean Three.js code. No account, no upload, no watermark.
Real exports, not screenshots
PNG is rendered at up to 4096 px with transparency. GLB is a real binary glTF file. The Three.js download is a self-contained scene you can drop into a landing page or prototype.
Built for websites and heroes
Use a floating torus, an iridescent gem or a network of nodes behind a hero section. The studio's transparent PNG and GLB exports are designed for UI decoration and 3D landing pages.
Browse 3D shapes by category
Frequently asked questions
Is the 3D Shapes Studio free?
Yes. All shapes, templates, materials, lights, animations and export formats are free, with no account and no watermark.
Is this a real 3D editor or a CSS mockup?
It is a real Three.js scene. Shapes are built from parametric BufferGeometry, lit with physical materials, rendered by WebGL, and exported as actual GLB files and Three.js code.
Can I combine several shapes in one scene?
Yes. Click a shape to replace the selected object, Shift-click to add another object, or use Add object. Each object can be moved, rotated and scaled independently, then selected, duplicated or deleted.
What can I export?
Transparent or opaque PNG at up to 4096 x 4096, SVG edge art, binary glTF (GLB) and a self-contained Three.js JavaScript file. GLB is the best format for Blender, Unity, Unreal and web viewers.
Do my models get uploaded?
No. Geometry is generated in your browser and exports are written locally with Blob URLs. There is no upload endpoint, and project files are validated before they are read.
Can I use the shapes in a commercial website?
Yes. The shapes and templates are original SVG Nexus work released for personal and commercial use. Three.js itself is MIT licensed; the licence notice is linked in the studio footer.
Does the studio work on mobile?
The viewport uses pointer events and OrbitControls, so orbiting, zooming and the inspector work on modern phones and tablets. Exporting a 4096 px PNG is the only action that benefits from a desktop GPU.
How do I reopen a project?
Use Save project to download a JSON file, then Open project to load it again. The current scene is also autosaved in your browser, so a refresh restores the shapes you were editing.