İçeriğe geç
SVG Nexus Three.js Studio

Three.js Studio — Worlds & Space

50 world & space models · real Three.js · animated starfield
World Earth
1 part 0 tris 1 object
Pause
Scrub
SVG NEXUS THREE.JS STUDIO

50 world, geography & space 3D models, ready for the web

A dedicated Three.js studio for world maps, country outlines, planets, orbits and galaxies. Pick a model, drop it in front of an animated starfield, tune materials and lighting, then export a transparent PNG, SVG edge art, a GLB file or clean Three.js code. No account, no upload, no watermark.

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

Frequently asked questions

What is the Three.js Studio?

A free browser studio at /en/three.js with 50 real Three.js models of world maps, countries, planets, orbits and galaxies. You customize materials, lighting and animated backgrounds in the viewport, then export your scene.

Which world and geography models are included?

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.

Can I animate the background?

Yes. Choose the Starfield background for a slowly drifting 3D star layer behind your model, or Aurora for an animated gradient. Object animations (turntable, float, orbit, pulse and more) run at the same time. PNG captures a still frame; WebM records six seconds of the viewport in supported browsers. Generated code includes object motion but not background effects.

Is this real 3D or a CSS mockup?

Real 3D. Every model is parametric Three.js BufferGeometry rendered by WebGL 2, lit with physical materials. Country outlines are true extruded meshes, and the globes are point, wire and surface geometries.

What can I export?

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.

Are the country shapes accurate?

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.

Do my models get uploaded?

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.

How is this different from the 3D Shapes Studio?

The 3D Shapes Studio (/en/shapes) covers all 153 shape families. The Three.js Studio (/en/three.js) is a focused worlds-and-space edition with the same editor power, themed presets and its own autosave.

Can I use the models on a commercial website?

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.

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

Shift-click a model card to add it to the scene instead of replacing the selected object.

77.087 vektör ikon içinde aramak için yazın...

Gezin | Açmak için Enter Tüm İkonları Keşfet

Karşılaştır

Lisans Ticari kullanım Kaynak belirtme Değiştir veya renklendir
MITİzinliPakette bildirimİzinli
ISCİzinliPakette bildirimİzinli
Apache-2.0İzinliBildirim dosyasi ile zorunluİzinli
CC BY 4.0İzinliKaynak belirtmek gerekirİzinli
CC-BY-SA-4.0İzinliAynı lisansla paylaşımAynı lisansla paylaşım
CC BY-ND 2.0 / 4.0İzinliKaynak belirtmek gerekirNo derivative works or modified copies
Trademark / BrandYalnızca referans amaçlıSahibin kurallarıSınırlı

İkon önizlemesi