Browser-based · No install · 235KB gzipped

3D design,
directly in your browser

Draw shapes. Push them into 3D. Apply materials. Export. Sketch3D is a lightweight SketchUp-style design tool that runs entirely in your browser.

Start Designing → Learn How
20+
Tools
200+
3D Models in Library
50+
PBR Materials
0
Install Required

Everything you need to design in 3D

From 2D sketching to solid modeling, materials, and export — all built on Three.js with a SketchUp-inspired workflow.

Shape Drawing

Rectangle, Circle, Polygon, Arc, and freeform Curves. Draw on the ground or directly on any face.

R C G A S

Line Tool & Auto-Face

Draw edges that automatically detect closed loops and create faces. Split existing faces by drawing across them.

L

Push/Pull

Click any face and drag to extrude it into a 3D solid. Push through to punch holes. Snap to parallel faces.

P

Follow Me (Sweep)

Sweep a profile face along a path of edges. Create cornices, moldings, pipes, and complex extrusions.

H

Revolve (Lathe)

Spin a profile face around an axis to create surfaces of revolution — vases, spheres, columns, and more.

J

Materials & Paint

50+ PBR materials from Poly Haven. Adjust metalness, roughness, opacity. Eyedropper to sample colors.

B

Offset

Create an inset copy of a face boundary at a specified distance. Perfect for walls, frames, and inlays.

F

Fillet & Chamfer

Round corners with radius arcs or cut 45-degree chamfers. Refine your geometry with CAD-standard operations.

K D

Export OBJ & STL

Download your models as Wavefront OBJ or ASCII STL. Compatible with Blender, Fusion 360, and 3D printers.

From flat sketch to 3D model

1

Draw a Shape

Use Rectangle, Circle, Polygon, or Line to draw a 2D face on the ground plane or on any existing surface.

2

Push/Pull to 3D

Select Push/Pull and click any face. Drag up or down to extrude it into a solid. Type a number for precision.

3

Refine & Detail

Draw on faces to split them. Use Offset for insets. Apply Fillet/Chamfer. Sweep profiles with Follow Me.

4

Material & Export

Paint faces with PBR materials. Use AI Render for photorealistic previews. Export as OBJ or STL.

Learn by doing

Try each tool right here. These mini canvases let you practice the core workflow before opening the full app.

Draw a shape

Click and drag on the canvas to draw a rectangle. In the full app, you can also draw circles, polygons, arcs, and freeform curves.

  1. Click to place the first corner
  2. Drag to set the size
  3. Release to finish the shape
Click and drag to draw a rectangle

Push/Pull to 3D

Click on the blue face and drag upward to extrude it into a 3D box. This is the core of the SketchUp-style workflow.

  1. Click on the shaded face
  2. Drag upward to extrude
  3. Release to set the height
Click on the face and drag upward

Draw on faces

Draw a shape directly on an existing face to split it. Then push/pull the inner piece to carve windows, add details, or subtract geometry.

  1. Click and drag on the top face to draw a rectangle
  2. The face splits into inner and outer regions
  3. In the full app, push the inner face to carve or extrude
Draw a rectangle on the top face

Apply materials

Click on any face to paint it with the selected color. The full app includes 50+ PBR materials with metalness, roughness, and texture support.

  1. Pick a color from the palette below
  2. Click on any face to paint it
  3. Alt+click to eyedrop a color from a face
Click faces to paint them. Pick colors below.

Keyboard shortcuts

Every tool has a single-key shortcut. No modifiers needed — just press and go.

Select / MoveV
LineL
RectangleR
CircleC
PolygonG
ArcA
CurveS
Push/PullP
MoveM
RotateQ
OffsetF
EraserE
Paint BucketB
Follow MeH
RevolveJ
FilletK
ChamferD
CommentN
Intersect FacesI
Hide Face\
Undo⌘Z
Redo⌘⇧Z
Delete
Group⌘G

Move around your scene

Complete tool reference

Every tool at your disposal, with usage details and keyboard shortcuts.

Select V

Click to select faces or edges. Shift+click for multi-select. Drag to move selected objects. Marquee drag to box-select.

Line L

Click to place edge vertices. Closed loops auto-create faces. Drawing across a face splits it. Snaps to vertices, edges, and midpoints.

Rectangle R

Click-drag to draw a rectangle. Drawing on an existing face auto-splits it. Snaps to face vertices and grid.

Circle C

Click for center, drag for radius. Creates a 24-sided polygon approximation. Type a radius for exact sizing.

Polygon G

Click for center, drag for radius. Creates a regular polygon. Scroll wheel adjusts the number of sides (3-24).

Arc A

3-click arc: two endpoints, then a bulge point. Creates a circular segment face with chord closure. 12 segments.

Curve S

Click to place Catmull-Rom spline control points. Close near the first point or press Enter. 8 subdivisions per segment.

Push/Pull P

Click a face and drag to extrude. Push through coplanar faces to punch holes. Snaps to parallel face distances. Type a number for precision.

Move M

Click a face or edge and drag to move it. Also available from Select tool — drag any selected object directly.

Rotate Q

3-click rotation: select face, pick center, pick reference angle, then rotate. Protractor visual. Snaps to 15-degree increments.

Offset F

Click a face, then move mouse to set inward offset distance. Click to apply. Creates inset face via polygon bisector offset.

Eraser E

Click to delete edges (and their dependent faces) or standalone faces. Edges have priority over faces, like SketchUp.

Paint Bucket B

Click faces to apply the selected color or material. Alt+click to sample (eyedropper). Fills empty hole areas. Floating palette.

Follow Me H

Click a face as profile, click edges to build a sweep path, press Enter to execute. Creates cornices, pipes, and moldings via parallel-transport frame.

Revolve J

Click a face as profile, then click 2 points to define the axis. Auto-executes 360-degree revolution with 24 steps. Creates vases, spheres, columns.

Fillet K

Click an edge to round it with a radius arc. Standard CAD fillet operation for smoothing sharp corners.

Chamfer D

Click an edge to cut a 45-degree bevel. Standard CAD chamfer for creating angled transitions at corners.

AI Render

Draw a rectangle on the viewport, choose a theme (interior, exterior, etc.), add annotations, and render a photorealistic image via AI.

Photorealistic rendering, instantly

Skip the ray tracing setup. Sketch3D uses Google Gemini to transform your wireframes into photorealistic images in seconds — no lighting rigs, no materials library, no render farm.

Not a renderer.
An AI photographer.

Traditional renderers simulate light rays bouncing off surfaces. Sketch3D takes a completely different approach — it describes the photograph you want, then lets AI generate it. The result: magazine-quality images from rough 3D sketches.

  • Seconds, not hours. No ray tracing, no progressive refinement. One API call generates the final image.
  • Photography-first prompts. Each theme describes a real photograph — lens, aperture, lighting direction — not abstract render settings.
  • Zero setup. No lights to place, no HDRI to load, no camera DOF to tune. Pick a theme and render.
  • Material-aware. Auto-detects face colors, metalness, roughness, and textures — feeds them directly into the AI prompt.

Draw Render Area

Activate the Render tool, then click-drag a rectangle on the viewport to define what gets rendered.

Pick Type & Theme

Choose Interior, Exterior, or Object. Then select from 21 curated photography themes — each with professional prompt engineering.

Annotate Objects

Click any object to name it and describe its material in plain English. The AI uses your annotations for precise material placement.

Render

Hit Render. Gemini generates a photorealistic image in seconds, streamed live to your viewport via SSE.

21 curated themes

Each theme is a complete photography brief — camera, lens, lighting, atmosphere, color grading — all tuned for maximum realism.

Modern Minimal

Clean lines, concrete, marble, soft daylight. Canon 5D IV, 24mm f/2.8 wide-angle.

Scandinavian

Light oak, linen textures, northern light. Sony a7R IV, 35mm f/1.8.

Industrial

Exposed brick, steel beams, Edison bulbs. Canon 24mm f/1.4L cinematic.

Art Deco

Brass inlays, velvet, crystal chandeliers. 85mm portrait lens, rich bokeh.

Japanese Zen

Cypress wood, tatami, shoji screens. 24mm f/8, deep focus, meditative.

Mediterranean

Terracotta, wrought iron, golden hour. 35mm lens, warm afternoon light.

Mid-Century

Teak furniture, retro palette, Kodachrome tones. 50mm, shallow DOF.

Bohemian

Layered textiles, rattan, warm fairy lights. 35mm, warm color grading.

Contemporary

Glass facade, blue hour, reflecting pool. Zeiss 24mm Distagon, long exposure.

Classical

Limestone columns, formal gardens, golden light. Tilt-shift perspective control.

Tropical

Thatched roof, infinity pool, sunset glow. 16mm wide panoramic.

Urban

City skyline, rooftop terrace, dusk light. 24mm f/4, cinematic contrast.

Mountain

Timber lodge, stone chimney, alpine twilight. 35mm f/5.6 golden hour.

Coastal

White weatherboard, sandy dunes, bright sun. 35mm, high-key open exposure.

Desert

Adobe walls, cacti, dramatic sunset sky. 24mm, long shadows.

Forest

Glass cabin, moss, misty morning light. 35mm f/4, natural bokeh.

Studio Shot

White cyclorama, three-point lighting. Canon R5, 100mm macro at f/11.

Natural

Golden hour, organic surfaces, soft bokeh. 85mm f/1.4 wide open.

Luxury Dark

Dark marble, rim lighting, deep contrast. 100mm macro, amber edge light.

Technical

Neutral grey, flat lighting, blueprint feel. Edge-to-edge sharpness.

Lifestyle

Home setting, warm window light, editorial. 50mm f/1.8, magazine quality.

Dramatic

Colored gels, smoke, high-contrast cinematic. 85mm, spot lighting.

Clay Render

Matte grey, form study, no color. Soft diffuse shading, design focus.

Editorial

Bold color blocking, hard shadows, pop-art. 35mm, fashion campaign style.

Annotations:
tell the AI what you see

Traditional renderers need you to manually assign materials from a library. Sketch3D lets you describe materials in natural language — the AI interprets your intent and applies physically accurate textures.

Click any object, give it a name, and describe what it should look like. The annotation system auto-detects existing material properties (color, metalness, roughness) and includes them in the prompt for context.

Object: "Kitchen Island"
Material: "White Calacatta marble with grey veining, polished finish"
Object: "Cabinet Doors"
Material: "Matte navy blue painted wood, brass knob hardware"
Object: "Floor"
Material: "Wide-plank white oak herringbone, natural matte finish"
Wall — Venetian plaster, warm sand
Table — Walnut, oiled matte finish
Floor — Polished concrete, light grey

How it compares

Traditional Renderers
Sketch3D AI Render
Setup time
Hours (lights, cameras, HDRI)
Zero — pick a theme
Material assignment
Manual per-face from library
Natural language annotations
Render time
Minutes to hours (ray tracing)
5-15 seconds (AI generation)
Learning curve
Steep (V-Ray, Corona, Octane)
Draw, annotate, render
Hardware required
GPU with VRAM (local)
Cloud API — any browser
Photography quality
Depends on skill
Built-in pro photography prompts
Per-object descriptions
Not available
Click to annotate any object

Take your models anywhere

Export to standard 3D formats compatible with Blender, Fusion 360, 3D printers, and more.

.OBJ

Wavefront OBJ — the universal 3D interchange format. Preserves n-gon faces and vertex normals. Open in any 3D application.

.STL

ASCII STL — the 3D printing standard. Triangulated mesh with face normals. Send directly to a slicer for printing.

Your work, always safe

Every stroke is preserved. Pick up right where you left off — today, tomorrow, from any device.

Automatic

Auto-saved

Every change is saved instantly. Close the tab, come back tomorrow — your design is exactly where you left it.

GitHub-powered

Cloud milestones

Save named snapshots you can roll back to anytime, from any device.

Start building in 3D

No sign-up. No download. Open the app and start drawing.

Open Sketch3D →