Stack Trace

Tools for creating geometric 3D "stack" graphics — grids, stacks, pyramids, helixes and more — rendered from cubes with Three.js.

This is an npm workspaces monorepo with two tools:

• studio/ — an interactive, browser-based design tool. Build shapes by hand, pick colour palettes, adjust camera and motion in real time, optionally generate shapes from a text prompt with AI, and export PNG / SVG / video.

• batch/ — a headless generator. Renders a whole matrix of shapes, colour palettes and camera angles to image files in one run. Shapes and cameras live in batch/config.json; colour palettes are shared with Studio in palettes.js at the repo root.

Getting started

Requires Node.js 20+. A single install covers both tools:

npm install              # install the whole monorepo

npm run studio:dev       # Studio: interactive design tool (dev server)
npm run studio:build     # Studio: production build to studio/dist/

npm run batch:dev        # Batch: live preview at http://localhost:3000
npm run batch:generate   # Batch: render every variation to batch/dist/

AI shape generation (optional)

Studio can turn a text prompt into pixel-art symbols and build them as 3D shapes — using any AI, with no API key or sign-up.

In Studio's AI Symbol Creation panel: pick a style and detail, type a prompt, and click Copy prompt. Paste it into ChatGPT, Claude, Gemini or any chat model, then paste the reply back into Studio and click Build shapes.

License

© Copyright 2026 Stack Exchange, Inc.

Unless otherwise stated, the contents of this repository are licensed under the Apache License, Version 2.0.

Unless required by applicable law or agreed to in writing, software distributed under the Apache License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

The Stack Overflow name and logo, and associated brand elements, are the protected property of Stack Exchange, Inc. Acceptable use of Stack Overflow trademarks is governed by: https://policies.stackoverflow.co/company/trademark-guidance/. All other use of Stack Overflow trademarks is prohibited without prior written authorization, including without limitation, any use suggesting unauthorized endorsement by or affiliation with Stack Overflow.