3D workspace

Build with Vlak
Braun T3 · 1958Surface and viewport inspection
Loading viewer
PerspectiveLine drawing
Preparing the model viewport…
TurntableWaiting for the model
Fine lines
32,027 triangles · 3 meshesLine drawing · Fine lines

Rotate the model → show the mesh → adjust the linework

View source
About this download

A standalone Vite and React project using Vlak 0.5.0. Extract the ZIP, open its folder, then run npm install and npm run dev. Requires Node 22.12 or newer.

Three.js renders a locally bundled Braun T3 model. The model is adapted from Radio T3 by ludwigangulodi under CC BY 4.0; keep its supplied attribution when reusing it. WebGL is required for the interactive viewport.

Asset attribution and license notices are included in CREDITS.md and linked from the running project.

Installation and base examples

Inside the interface

A modeling workspace built around the Braun T3 pocket radio. Orbit the model, inspect its mesh and compare line treatments. A Vlak context header, flush viewport tools and a readable property inspector keep the model and its settings connected.

The licensed 32,027-triangle radio model renders locally with Three.js and WebGL. Background-colored faces and fine contours match the EV study. Line intensity can be adjusted in the viewer. Geometry editing and production rendering are outside this study's scope.

Watch the 20-second walkthrough

A short walkthrough of the working 3d workspace study.

Components used

Radio T3 model by ludwigangulodi, licensed under CC BY 4.0. Geometry repacked and monochrome materials applied for Vlak. Product design: Dieter Rams and Hochschule für Gestaltung, Ulm, 1958.

Use this as a starting point

Build with Vlak

Install the components, add the stylesheet, and bring your own content. The study’s source shows how the pieces fit together.

React componentsCSS includedMIT licensed

Download the 3D workspace starter

Install the package
npm install @noorddev/vlak-react
import "@noorddev/vlak-react/css";
Installation guide View study source

Start with your coding agent

A ready-to-use brief with this study, Vlak’s components, and the design guide.

Component modifications

  • Vlak Buttons form a readable viewport toolbar. Centered Icons and full-surface selected states identify auto-rotation, mesh view and camera reset.
  • Tree view selects the inspector section. Property grid edits line intensity, mesh and rotation settings; Description list aligns the mesh metadata.
  • Three.js renders the locally hosted radio model. Vlak controls change its camera, wireframe and materials; loading and retry remain part of the workspace, and model attribution sits below Components used.
  • On mobile, Viewport and Inspector are separate destinations. The model keeps the full working width, its tools move into a horizontal bar, and the inspector provides scrollable material, mesh, and rotation controls without covering the model.