Skip to content
SVG Nexus Three.js Studio

Three.js Studio

300 models · sculpt, light & animate
Ribbons Silk Orbit
1 part 0 tris 1 object — fps
Pause
Scrub
SVG NEXUS THREE.JS STUDIO

300 modern 3D models, objects and worlds

Build scenes with airplanes, hotels, vehicles, playing cards, gadgets, landmarks, planets, galaxies and original sculptures. Arrange procedural models, choose materials and lighting, and export a transparent PNG, SVG, GLB or reusable Three.js code.

The browser-based editor includes eight animated backdrops, cinematic bloom, object motion, live FPS, favorites and scene controls. Geometry is created on your device; no model upload is needed.

World maps and globes

Eighteen globe styles: dotted and wireframe globes, flat world maps, terrain and low-poly planets. Perfect as hero-section backdrops, dashboard visuals and data-graphics bases.

Browse the world models

Country outlines in 3D

Fifteen extruded country shapes — United States, Brazil, Japan, India, Germany and more — each with real proportions, bevels and its own matching material preset.

Browse the country models

Space and galaxies

Planets with rings, atom and orbit systems, comets, spiral galaxies, nebulae and black holes. Combine them into one scene and animate everything with one speed control.

Browse the space models

Silk ribbons and vortex coils

Ten flowing sculptures from the silk-orbit ribbon to the velvet-vortex coil, each a parametric band with a rolled cross-section. Great for hero art, motion backdrops and luxury brand visuals.

Browse the ribbon models

Flowers, coral and shells

Layered petal blooms with wavy rims, branching coral skeletons and a logarithmic nautilus shell. Botanical 3D models that hold up at full-screen sizes, not just thumbnails.

Browse the botanical models

Crystals, portals and terrains

Beveled mineral clusters with pyramidal tips, nested ring gateways with glowing lenses, woven spiro spheres and noise-displaced island dioramas — thirty 3D models in three collections.

Browse the crystal models

Airplanes, cars and transport

Detailed procedural aircraft with wings, engines and tailplanes, plus cars, buses, trains, boats, rockets and satellites. Combine models into a scene and animate them in the viewport.

Browse transport models

Hotels, homes and architecture

Build a miniature city with hotels, towers, houses, terminals, bridges, arenas, lighthouses and more. Buildings include layered facades, windows, rooflines and entrances.

Browse architecture models

Cards, gadgets and everyday objects

Playful 3D playing cards, books, gifts, luggage, trophies, furniture, phones, laptops, cameras, headphones and other familiar objects for product scenes and illustrations.

Browse everyday models

Tools, machinery and city landmarks

Compose construction equipment, hand tools, traffic signals, fire hydrants, castles, cathedrals, domes, fountains and street furniture into a miniature world.

Browse tools and industry

Food, sports and instruments

Bring product scenes to life with cakes, pizzas, fruit, drinks, sports balls, rackets, medals, guitars, pianos, drums and stage equipment.

Browse food models

Fantasy props and science objects

Explore swords, shields, crowns, treasure chests, crystal balls, telescopes, rovers, UFOs, portal rings and other playful scene-building props.

Browse fantasy and science

Frequently asked questions

What is the Three.js Studio?

A free, browser-based 3D editor with 300 procedural models, animated backgrounds, scene tools and exports. Models are generated locally with Three.js.

What models can I use?

Browse airplanes, hotels, houses, cars, trains, boats, playing cards, gadgets, food, tools, instruments, landmarks, globes, countries, planets, galaxies and original sculptures.

Can I animate the background?

Yes. Choose from eight animated backgrounds, including starfield, aurora, nebula, ocean, ember, synthwave, plasma and matrix rain. Animate objects at the same time.

Are these real 3D models?

Yes. The studio builds Three.js meshes and renders them with WebGL 2. You can orbit the camera, arrange objects, edit materials and lighting, and inspect the live frame rate.

What can I export?

Export transparent PNG, SVG edge art, GLB, embedded glTF, reusable Three.js code, and WebM recordings in supported browsers.

Are my models or projects uploaded?

No. Geometry is created in your browser. Project data is saved locally, and exports are generated on your device; the studio has no model-upload workflow.

Does the studio work on phones and tablets?

Yes. The viewport supports touch and pointer controls on modern mobile browsers. Rendering pauses when the editor is off screen to reduce work.

Can I use the models commercially?

Yes. The original SVG Nexus models and presets are free for personal and commercial projects. Three.js is MIT licensed.

Studio shortcuts

Orbit / zoom
Drag empty space · scroll
Select object
Click a mesh
Move / rotate / scale
Gizmo buttons in the viewport
Duplicate
Ctrl / Cmd + D
Delete
Delete / Backspace
Undo / redo
Ctrl / Cmd + Z · Shift + Z
Play / pause
Space
Reset view
R
Grid
G
Fullscreen
F
Favourite card
F on a focused model card

Shift-click a model card to add it to the scene instead of replacing the selected object. Hover any object in the viewport to see its name, and press F on a focused card to file it under ★ Favourites.

Type to search 77,087 vector icons...

Navigate | Enter Open Explore All Icons

Compare

License Commercial use Attribution Modify or recolor
MITAllowedNotice in bundleAllowed
ISCAllowedNotice in bundleAllowed
Apache-2.0AllowedRequired with notice fileAllowed
CC BY 4.0AllowedCredit requiredAllowed
CC-BY-SA-4.0AllowedShareAlikeShareAlike
CC BY-ND 2.0 / 4.0AllowedCredit requiredNo derivative works or modified copies
Trademark / BrandReferential use onlyOwner guidelinesRestricted

Icon Preview