All work

linesandframes

A lightweight 3D editor that runs in a browser tab.

When
2025
Kind
3D editor in the browser
Role
Frontend engineer
Stack
React, TypeScript, Vite, React Three Fiber

A lightweight 3D editor that runs in a tab: drop objects in from a library, move them with the toolbar, and dress them from a materials panel.

How a scene comes together

It was the first step towards the engine Maquette now runs on: one React Three Fiber scene shared by an editing view and a viewing one.

  1. LibraryFurniture, lighting, decor
  2. PlaceInto the scene
  3. TransformMove, rotate, scale
  4. DressWalls, floor, ceiling, objects
Building a room
KribNext project: Property management, design system