Skip to main content

FluidCAD

Parametric CAD for everyone

Write JavaScript. See 3D geometry in real time.

Write code.
Get geometry.

Design parametric 3D models using a clean JavaScript API. Every change in your code is reflected instantly in the 3D viewport. Sketches, extrusions, fillets, booleans. The full CAD workflow, driven entirely by code.

Most operations just work without extra arguments. extrude picks up the last sketch, fillet targets the last selection, and touching shapes are automatically fused.

my-part.fluid.js
import { extrude, fillet, sketch } from 'fluidcad/core';
import { circle } from 'fluidcad/core';

sketch("xy", () => {
circle(50)
})

const e = extrude(50)

fillet(5, e.startEdges())
3D viewport preview coming soon

Everything you need

A complete toolbox for parametric CAD. From first sketch to final export.

Code-Driven 3D Modeling

Design parametric 3D models using JavaScript. Every change in your code is reflected instantly in the viewport.

Shape References

Reference faces, edges, and vertices of other shapes directly. Minimal math, maximum clarity.

Traditional CAD Workflow

Sketches, extrusions, fillets, shells, booleans, and more. A modeling workflow familiar to CAD users.

Modeling History

Navigate through your modeling history step by step. Review how any model was built and roll back to any point.

Interactive Prototyping

Some operations support interactive mouse-driven input directly in the viewport for faster prototyping.

Feature Transforms

Move, rotate, or mirror entire feature sequences to build complex geometry from simple building blocks.

Pattern Copying

Duplicate features in linear or circular patterns to quickly populate repetitive geometry.

STEP Import / Export

Import and export STEP files with full color support. Share designs with any standard CAD tool.

Editor Support

Official extensions for VS Code and Neovim, or use any editor. Just point the CLI at your project.

How it works

01

Write

Author your model in JavaScript using the FluidCAD API.

02

Preview

See your 3D geometry update in real time as you code.

03

Iterate

Navigate history, tweak parameters, and explore variants.

04

Export

Export as STEP with full color support for any CAD tool.

Works with your editor

First-class integrations for popular editors, or bring your own.

1Install the FluidCAD extension from the VS Code Marketplace.
2Open your project folder in VS Code.
3Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P) and run Show FluidCAD Scene.

Start building in seconds

Scaffold a project, install dependencies, and start modeling.

Terminal
npm create fluidcad-app@latest my-app
cd my-app
npm install