lab / generative tool
Wireframe Studio
A little generative-art tool that runs entirely in your browser. Pick a shape, stack a few, push the color and motion around, and you get a spinning wireframe scene you can actually use. Drawn with plain 2D lines and zero 3D libraries.
$ stack shapes within shapes, push color anywhere, then hit BERSERK. the footer backdrop uses this same engine, so copy config and drop a layer in at lower opacity.
editing / icosahedron
draw mode
look
01 / what it is
A wireframe scene you build in the browser
Wireframe Studio composites up to eight rotating shapes into one canvas. Each shape is its own layer with its own color, motion, and draw mode, so you can nest a small solid inside a slowly counter rotating sphere and color both however you want.
I built it in a session as an experiment, then kept adding to it because it was fun. It is the same engine that draws the wireframe behind the footer on this site.
02 / how it works
A couple KB of math, not a megabyte of library
The whole thing is pure Canvas2D. Every shape is a handful of 3D points that get rotated each frame and projected down to flat lines on a canvas. That is the entire trick.
All the looks (gradient edges, neon tubes, glitch, depth fog, kaleidoscope, onion skin, trails) are layered on top of that same projection. It runs at a steady frame rate on a phone and pauses itself when it scrolls off screen.
03 / how to use it
Start from a preset, then reroll one piece at a time
Open the Presets tab and load Calm, Brand, Nested, Neon, or Berserk to get going, or hit Randomize and reroll until something catches your eye.
Found a composition you like? Lock it in and reroll a single dimension at a time with Random Colors or Random Shapes, so you keep the motion you liked and just swap the palette or the forms. Crank chaos for the full Berserk look.
04 / share it
Your whole design lives in the URL
Every control encodes into the address bar as you go. Copy the link and you have saved your scene, or send it to someone and they open the exact thing you made. There is a Download PNG button too if you just want the still.
Build something and share it. I want to see what people make. Browse the wireframe gallery for sixteen starting points.