Three.js Studio

A free browser studio at /en/three.js with 300 real Three.js models: sculptural forms, world maps, countries, planets, galaxies, airplanes, vehicles, hotels, buildings, cards, food, sports, music, tools and everyday objects. Customize materials, lighting and animated backgrounds, then export your scene.

Eighteen globe and world-map models (Earth, Blue Marble, dot and wire globes, flat world maps, terrain and low-poly worlds), fifteen extruded country outlines (United States, Brazil, Japan, India, Germany and more), plus planets, orbits, star clusters and galaxies.

Yes. Eight backdrops animate continuously: Starfield, Aurora, Nebula, Ocean, Ember, Synthwave, Plasma and the Matrix digital rain — each painted at 60 fps and upscaled by the GPU. Object animations (turntable, float, orbit, pulse, pendulum, spiral and more) run at the same time. PNG captures a still frame; WebM records six seconds of the viewport in supported browsers.

It enables a real UnrealBloomPass post-processing chain in Three.js: bright rims, emissive materials and glowing portals bloom into a soft neon halo you can dial from 0% (plain render) to 100% (full glow). Exports respect the setting, so your PNG and WebM keep the bloom.

Real 3D. Every model is parametric Three.js BufferGeometry rendered by WebGL 2, lit with physical materials. Country outlines are true extruded meshes, the globes are point, wire and surface geometries, and a live FPS readout confirms real rendering, not a video loop.

Each sculpture family is a hand-written procedural builder with high-tessellation surfaces: parametric silk ribbons with rolled cross-sections, layered petal blooms, beveled hexagonal crystal prisms, recursive branching coral, logarithmic nautilus shells, tornado vortex coils and golden-angle spiro weaves. Nothing is downloaded; every mesh is generated locally in your browser.

Yes. Click the ★ on any model card — or press F on a focused card — to add it to your Favourites filter. Favourites are stored in your browser localStorage and survive refreshes, so your shortlist is one chip-click away next session.

Transparent or opaque PNG at up to 4096 px, SVG edge art, static GLB or embedded glTF models, and six-second WebM viewport recordings where supported. Reusable Three.js JavaScript modules include camera, lights and object motion; install three@0.180.0 with a bundler such as Vite. Background effects and particles are not included in code exports.

They are stylized, recognizable outlines extruded into 3D — great for data visuals, hero sections and infographics, but not survey-grade cartography. Every country keeps its own real proportions.

No. Geometry is generated in your browser and exports are saved locally with Blob URLs. There is no upload endpoint, and project files are validated field by field before they are read.

Yes. The viewport uses pointer events and OrbitControls, so orbiting, zooming, object picking and the inspector all work on modern mobile browsers. Quality drops to 1× automatically where needed, and rendering pauses whenever the studio is off-screen.

Every model has a deep link such as /en/three.js?shape=silk-orbit, and the Share button copies a link that embeds your material, colours, background and animation choices. Deep links always win over the autosaved scene.

The 3D Shapes Studio (/en/shapes) covers procedural primitive and sculptural shape families. The Three.js Studio (/en/three.js) adds 300 curated models spanning worlds, transport, architecture, technology, food, sports, music and science-fiction assets, with the same editor power, themed presets and its own autosave.

Yes. The models and templates are original SVG Nexus work, free for personal and commercial use. Three.js itself is MIT licensed; the licence notice is linked in the studio footer.