User Tools

This is an old revision of the document!


The JSCAD website can be used immediately by visiting the project website at

This is a great way to learn about JSCAD, view 3D and 2D designs, and create something new. That’s what 3D printing is about!

Viewing Designs

The website presents a page with three areas.

  1. Viewer
  2. Editor
  3. Info Panel

The initial design is the JSCAD logo, which is created from the contents of the script shown in the editor.


The view can be rotated, zoomed in or out, and moved by using the mouse buttons. (Or fingers if using a tablet or mobile phone.)

If you need a few pointers then click on the left hand tab, which will make the info panel visible. There’s a short help section on keystrokes and mouse functions.

The editor can be hidden or shown by clicking on the right hand tab.

Note: Special keystrokes must be performed while using the editor.

There’s not much else to learn, as you are already using JSCAD. You may want to try a few of the examples, which can be found by clicking on Examples in the info panel.

Making Changes

  • changing parameters
  • changing designs
  • creating new designs

More Things

  • Use your favorite editor
  • Exporting designs
  • Importing other designs
  • Sharing designs

The format of a file is determined from the file extension when importing designs, For example, JSCAD designs are stored as files with the .jscad file extension.

When you start to edit directly using your browser, the default language is 'JSCAD'.

Install Locally

There is no need to install anything. Just jump to the project website at and start in.

However, for those who want more control, the website can be installed and used locally. The browsers of today can open locally installed or downloaded website content. And that means, you can download the project website, view and explore the contents, read the examples, etc. Here's how.

  1. Choose where to put JSCAD and create a base directory
  2. Download

git clone go into folder cd install dependencies npm install if desired, make the openjscad command refer to the code in this folder: npm link if desired, start dev server: npm run start-dev

Integrate into a Website

The website can be integrated into an existing website.