Storybook’s Visual Tests addon enters betaVisual test with Chromatic
Back to integrations
Add your integration
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
Storybook Addon to render @react-cad projects in the browser
npm install @react-cad/storybook-addon
Last updated about 3 years ago
Downloads per week
Readme View on GitHub


ReactCAD is an open-source 3D modelling system for programmers. Models are written as React components in TypeScript or JavaScript and compiled in the browser by a fast WebAssembly library.

Create your design as code in your favorite editor and view a hot-reloading preview as you work. Export to STEP, BREP or STL, or publish your part to NPM so others can incorporate it into their own models.

Publish to the web on GitHub Pages or your own hosting - visitors can view, customize and export your model directly from the browser without downloading any software.

See the full documentation.

  <box x={12} y={12} z={1} />
  <translation x={3} y={3}>
    <cylinder height={1} radius={1} />
  <translation x={9} y={3}>
    <cylinder height={1} radius={1} />
  <translation x={3} y={9}>
    <cylinder height={1} radius={1} />
  <translation x={9} y={9}>
    <cylinder height={1} radius={1} />


Requires yarn and docker. Clone the repository and yarn install and yarn build. yarn start will begin the hot-reloading development environment.

@react-cad uses conventional-commits, follow the prompts when committing.

Join the community
6,490 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software

Maintained by
Special thanks to Netlify and CircleCI