Now in public beta

Design in three dimensions

The browser-based 3D tool for web designers. Drag objects, apply materials, set up lighting, animate — then embed directly into any site.

Transform

Position X124.0

Position Y-48.5

Position Z200.0

Rotation15.0°

Scale1.200

Material

Roughness0.12

Metalness0.85

Opacity1.00

Color

What you can build

Everything happens
in the browser

No installs, no plugins, no render farms. Your 3D workspace runs wherever Chrome does. Scenes load in under 2 seconds.

Real-time Viewport

WebGPU-powered rendering at 60fps. See materials, lighting, and reflections update the moment you change a parameter. No waiting for previews.

WebGPU

Visual Scripting

Connect behaviors with a node graph. Scroll triggers, hover states, click reactions — all wired visually. No JavaScript required.

Node-Based

3D Typography

Extrude any Google Font into a 3D object. Bevel edges, apply materials, animate letterforms. Type becomes spatial.

900+ Fonts

Particle Systems

Smoke, sparks, confetti, rain. GPU-accelerated particles with real physics. Control emitter shape, velocity, lifetime, and forces.

GPU Particles

Vibrant abstract 3D render with layered curves and soft gradient hues

Roughness

0.12

Metalness

0.85

Clearcoat

0.64

Refraction

1.52

Material Editor

Drag a material.
See it instantly.

PBR materials with real-time preview. Adjust roughness, metalness, refraction, and subsurface scattering. Import custom textures or use the built-in library.

Glass Brushed Metal Iridescent Matte Clay Emission Subsurface

Scene Graph

Your scene, organized

Hierarchical object tree with grouping, locking, and visibility toggles. Nest objects, parent transforms, and name everything. Undo is unlimited.

Scene Hierarchy 12 objects

Directional Light •

Camera_Main •

Hero_Group •

Sphere_Gradient •

Torus_Glass •

Plane_Reflection •

Environment •

HDRI_Studio •

Fog_Volume •

Abstract 3D rendering with fluid teal shapes

Collaborative Canvas

Build 3D together,
in real time

See teammates' cursors, selections, and edits as they happen. Comment on specific objects. Branch scenes like you branch code.

Abstract 3D render with smooth interlocking blue shapes

Aisha

Marcus

Yuki

60fps

Synced viewport

<80ms

Edit propagation

∞

Undo history

Ship to production

From canvas
to <canvas>

Export your scene as a lightweight embed, a React component, or raw glTF. One click from design to production.

Embed

Drop into any site

One script tag. Interactive 3D that works in any framework or static HTML. Under 50KB runtime.

<script src="https://d.app/embed/v1.js"></script>
<dimension-scene
  id="hero-3d"
  scene="d_8f2k9x3m"
  autoplay
  responsive
/>

React

First-class component

TypeScript types, props for every parameter, lazy-loaded by default. Works with Next.js, Remix, Vite.

import { DimensionScene } from '@dimension/react'

export default function Hero() {
  return (
    <DimensionScene
      scene="d_8f2k9x3m"
      className="h-screen"
      onLoad={handleReady}
    />
  )
}

glTF

Standard format

Export to glTF 2.0 for Three.js, Babylon, Unity, or Unreal. Materials and animations preserved.

// Export options
{
  "format": "glb",
  "compression": "draco",
  "textures": "ktx2",
  "animations": true,
  "size": "1.2 MB"
}

Lottie

For lightweight motion

Export 2.5D animations as Lottie JSON. Perfect for icons, loading states, and micro-interactions.

import lottie from 'lottie-web'

lottie.loadAnimation({
  container: el,
  path: '/anim/hero.json',
  renderer: 'svg',
  loop: true
})

Physics Playground

Objects that behave
like real things

Rigid body, soft body, cloth, and fluid simulation. Apply gravity, collisions, and constraints — then bake the animation or run it live.

Abstract metallic sculpture with vibrant orange and green hues

Gravity

-9.81

Friction

0.40

Restitution

0.65

Mass (kg)

2.50

Rigid Body

Full collision detection with convex and mesh colliders. Stack, topple, and shatter objects with realistic dynamics.

Soft Body

Deformable meshes that squish, stretch, and bounce. Adjust stiffness, damping, and pressure per object.

Cloth Simulation

Wind, gravity, and collision-aware cloth. Pin vertices, tear fabric, and animate drapes in real time.

Constraints

Hinges, springs, ropes, and sliders. Build mechanical assemblies and chain reactions with visual connectors.