explaingit

lywald/wireframed.js

Analysis updated 2026-05-18

14JavaScriptAudience · designerComplexity · 2/5Setup · easy

TLDR

A no install browser tool that turns 3D models into wireframe art using a visual node graph editor.

Mindmap

mindmap
  root((Wireframedjs))
    What it does
      Wireframe art
      Node graph editor
      No install needed
    Tech stack
      JavaScript
      Threejs
      Electron
    Use cases
      Load 3D models
      Randomize visuals
      Save presets
    Audience
      Designers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Turn a 3D model into procedural wireframe art by chaining visual effect nodes

USE CASE 2

Generate random visual variations of the same model with one click

USE CASE 3

Save and share node graph presets as JSON files

USE CASE 4

Embed a saved preset into your own Three.js project

What is it built with?

JavaScriptThree.jsElectron

How does it compare?

lywald/wireframed.jsabdulrdeveloper/chai-aur-reactcircuitrodev/cern-kicad-libs
Stars141414
LanguageJavaScriptJavaScriptJavaScript
Setup difficultyeasyeasyeasy
Complexity2/51/51/5
Audiencedesignervibe coderdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

In plain English

Wireframed.js is a browser-based visual node-graph tool for turning 3D models into wireframe art. You load a 3D model file, then build a processing pipeline by connecting nodes on a canvas, each node applies a different visual transformation, and the result renders live in a Three.js viewport alongside the editor. The concept is similar to node-based geometry tools in professional 3D software, but it requires no installation and no build step: the README states you can open index.html directly. It supports loading GLTF, GLB, OBJ, and FBX files from your local disk. Over 30 processing nodes are organized across categories including base geometry, fractals, mesh generation, and aesthetic effects such as glow and chromatic aberration. Named preset layouts like CyberCrystal, OrganicMinimal, FractalVoid, and ElegantMinimal are available with a single click. A Deep Randomize button replaces the current node graph with a new topology drawn from 20 curated layouts and randomizes all parameters, letting you produce completely different visual outputs from the same model in one click. A Superficial Randomize option keeps the current graph structure but randomizes all numeric and color values. Graphs can be saved and loaded as JSON preset files. The project also includes wireframed-runtime.js, a small file that lets developers embed any saved preset into their own Three.js project in roughly 15 lines of code. The project is built with JavaScript and Three.js r168. It can also be packaged as a Windows desktop application using Electron. The full README is longer than what was provided.

Copy-paste prompts

Prompt 1
Help me build a node graph in Wireframed.js to add glow and chromatic aberration to a model
Prompt 2
Show me how to load a GLTF file into Wireframed.js
Prompt 3
Explain how to use the Deep Randomize button to generate new visual variations
Prompt 4
Write code using wireframed-runtime.js to embed a saved preset in my Three.js app

Frequently asked questions

What is wireframed.js?

A no install browser tool that turns 3D models into wireframe art using a visual node graph editor.

What language is wireframed.js written in?

Mainly JavaScript. The stack also includes JavaScript, Three.js, Electron.

How hard is wireframed.js to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is wireframed.js for?

Mainly designer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.