CAD Configurator Templates

With the increasing demand for customized products, providing your customers with a web-based and easy-to-use configurator for your product is profitable in many ways. Instant quotations, significantly reduced strain on the sales and engineering personnel, and high-quality input for manufacturing are just some of the benefits! 

Why start with a template?

So, what is the best way to get your configurator up and running? By starting from a template! A good template (also called boilerplate, starter, or seed) contains all the basic structure and code for running a simple configurator. Instead of writing all of this yourself, you can start from a copy of the template and start modifying it to fit your needs. By adopting this workflow, you both save time and learn a lot from reading and working with the source code developed by experts.

The greenhouse template

Below you can see our Customizable Greenhouse template! While it is a relatively simple configurator, it makes a great starting point for box-shaped products of various sizes and looks. Cabins, carports, sheds, barns, and garages are examples of products where this template would be helpful.

From greenhouse to shed

In the example below, we have changed the material from glass panels to galvanized steel, lowered the angle of the roof, and reduced the max-width of the panels. With three quick modifications, we now have an excellent foundation for our galvanized metal shed configurator!

The greenhouse template before any modifications.
Galvanized steel, lowered roof angle, and reduced panel max-width.

Many templates to choose from

There are many different starting templates available for DynaMaker, and we have listed a few of them on this page. If you find one you would like to use or need help finding a suitable one, send us a message at, and we’ll get you up and running in no time!

Easier to Develop Online Configurators With TypeScript and DynaMaker

We are constantly working to improve the DynaMaker cloud service and lately we have been focusing extra hard on usability for developers.

Therefore we now have released a big update simplifying many of the development patterns that you encounter when building your online CAD-configurators. Most of the changes are in the actual structure of the TypeScript/JavaScript templates for the different stages of development.


The most important changes are listed in the docs under Changes 2020-10-20 and can be summarized as:

Upgrading Old Projects

Since old projects needs the possibility to always carry on there is no automatic upgrade performed on your projects. You need to reach out to if you want the latest features and we will assist you with the upgrade!

Industry Gate Configurator Template

Are you working with doors, gates or other forms of openings in buildings? We have a nice template to get you started with DynaMaker!

When enabling parametric configuration on your homepage you can let the user do the measurements themselves. With rules restricting and validating the input you can control what sizes and resolutions are allowed, limiting mistakes and errors.

You can allow direct download of a quotation drawing (PDF/DXF) that is auto generated with the exact measurements and easily integrate your configurators with your e-commerce with the help of our plugins and integrations.

If this looks useful for you, please reach out to and let us show you how we can help guide your clients and automate your quotation process.

Develop a CAD Configurator for Websites

Developing web applications containing both parametric CAD and product visualization in 3D requires three things to work properly.

Requirements for an online CAD configurator:

  1. A Client side module with support for CAD that the users interacts with
  2. A Server side module that hosts the application and provides additional functionality like authentication, save / load, etc.
  3. A set of rules and formulas for the product configuration

We recommend our cloud service DynaMaker to handle all those three in a single platform. But the principles stated here apply no matter what platform you choose.

Part 1 – Client Side Module

Unless you want the users visiting your homepage to download and install tools the old fashion way you need to ensure you have a client side module in your application. This is something that run in the browser when visiting a homepage and is normally composed of html & javascript.

The client side mainly focuses on:

  • How the interface should look (placement of buttons, toolbars)
  • What the user can interact with (buttons, rotation of model, etc)
  • What steps are needed to configure a product
  • Visualization in 2D or 3D
  • Presentation of relevant data to the user (dimensions, values)

Part 2 – Server Side Module

To make thing available on the web you need some kind of server to host the files and provide protected functionality like user handling, security, saving and loading a configuration, connections with other software, and much more. This is only exposed to the client side through an API and can be composed of pretty much any programming language available.

Developing the server side is hard and requires an experienced developer to ensure that its secure, can handle load and is possible to maintain over time. The server side is handled automatically in the DynaMaker cloud service.

Part 3 – Product Rules & Formulas

Last but not least you need a set of rules for your product configurator to work. Maybe you already have them written down in the product catalog? Or expressed in a excel sheet somewhere. These need to be translated to web compatible formulas and code (Client side or server side).

The rules and formulas can be distributed either to the server side module (secret formulas) or the client side module (compiled but available), or both, depending on how the product configuration is setup.

If you want code examples on how this can be setup on the DynaMaker you can check out the tutorials under

Online product picker for solar panels

Building a online tool for just switching predetermined sizes is easy. Add a few 3D-models with some nice textures and suddenly you have very visual way for the customers to test different sizes.

But from that simple product picker you can then allow export of 2D-drawings with dimensions, open up for patterns of multiple panels, and allow different downloads for adding to your own 3D-projects. Endless possibilities!

Send us some links with your preferred sizes and we will set you right up with a solar panel online configurator from one of our templates.

Extruded profile configurator

The DynaMaker have lots of templates and projects to start from when setting up a 3D configurator on your homepage. One template is for configuring profiles and creating BOM-lists with customized cutting lengths. Let the customer select and add their profiles and automatically create packages of 3D files (.stl, .step) and bom-lists.

Sounds interesting? Send us a set of dxf files of the profiles you want to configure to and we will setup your own version of this configurator and show you how to integrate it with your current homepage!

A Parametric sofa for the summer

Summer is closing in here in the north and what could be better than to plan for stimulating wood working projects?

Of course you first need an online tool to interact and explore the parametric possibilities and auto generate all the material lists and drawings. Just hammering away wont do it any more.

A quick glance at a recent open project on the DynaMaker platform shows how you with a few properties and parametric patterns can generate furniture from a standard profile. From chair, to sofa, to flat surface with just a few parameters.

This is a good example of how to get started with building an interactive online customization tool, and how it can be made easy with the help of standardized tools. The time consuming part is usually integrating a tool like this into the quotation/order process of a company. Luckily we are working on standardizing that as well, but for the happy enthusiast its just to hammer away! Let us know if you want to explore this particular open project and perhaps use it for your own project.

Have a nice summer!