Maker.js, a Microsoft Garage project, is a JavaScript library for creating line drawings for CNC and laser cutters. It runs in both Node.js and web browsers.

Demos - Documentation

Draw using three primitive paths: Line, Circle, and Arc.

Paths can be grouped into Models to form more complex drawings.

Behind the scenes, drawings are a simple Javascript object which can be serialized / deserialized conventionally with JSON.

Other people's Models can be imported, modified, and re-exported.

Models can be scaled, measured, and converted to different unit systems.

Models can be rotated or mirrored.

Find intersection points or intersection angles of paths.

Easily add a curvature at the joint between any 2 paths, using a traditional fillet or a dogbone fillet.

Combine models with boolean operations to get unions, intersections, or punches.

Detect loops formed by paths connecting end to end.

NEW: Expand paths to create a surrounding outline, with the option to bevel joints.

2D: DXF, SVG

3D: OpenJsCad script, STL (Must include OpenJsCad or openjscad-csg)

• Bolt Circle
• Bolt Rectangle
• Connect the dots
• Dome
• Oval
• OvalArc
• Polygon
• Rectangle
• Ring
• RoundRectangle
• S curve
• Slot
• Square
• Star

Visit the Maker.js Playground to edit and run JavaScript from your browser.

Each of the demos will also open in the playground so that you can explore and modify their code.

Download the browser-based version of Maker.js, then upload it to your website: http://microsoft.github.io/maker.js/target/js/browser.maker.js

Add a script tag in your HTML:

<script src="http://microsoft.github.io/maker.js/target/js/browser.maker.js" type="text/javascript"></script>

In your JavaScript, use the require function to get a reference:

var makerjs = require('makerjs');

To depend on Maker.js, run this from the command line:

npm install makerjs --save

In your JavaScript, use the require function to get a reference:

var makerjs = require('makerjs');

Learn how to draw in Maker.js by folowing the tutorial

Browse all the library features in the API Documentation

Contribute to this project!

The Microsoft Garage turns fresh ideas into real projects. Learn more at http://microsoft.com/garage.