git404hub

what is wireframed.js fr?

lywald/wireframed.js — explained in plain English

Analysis updated 2026-05-18

14JavaScriptAudience · designerComplexity · 2/5Setup · easy

tl;dr

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

vibe map

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 make with this?

VIBE 1

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

VIBE 2

Generate random visual variations of the same model with one click

VIBE 3

Save and share node graph presets as JSON files

VIBE 4

Embed a saved preset into your own Three.js project

what's the stack?

JavaScriptThree.jsElectron

how it stacks up fr

lywald/wireframed.jsabdulrdeveloper/chai-aur-reactcharlesdove977/advertising-ops
Stars141414
LanguageJavaScriptJavaScriptJavaScript
Setup difficultyeasyeasymoderate
Complexity2/51/53/5
Audiencedesignervibe coderpm founder

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

how do i run it?

Difficulty · easy time til it works · 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.

prompts (copy fr)

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 fr?

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.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.