Bit By Bit Developers

Your Ultimate 3D Platform

Play, Configure, Program, Visualize, Simulate, Design, Learn, Inspire

Sign Up!
Alloy wheel design script

3D CREATIVE CODING

  • Configure and download smart 3D models
  • Make parametric designs
  • Export scripts to your websites
  • Create time based 3D simulations
  • Design systems, not static models
  • Let art teach you programming
  • Educate next generation of creators

Picture of the macbook pro and an iphone containing software screenshots with visual programming environment for geometry.
Picture of the macbook pro and an iphone containing software screenshots with visual programming environment for geometry.

3D CREATIVE CODING

  • Configure and download smart 3D models
  • Make parametric designs
  • Export scripts to your websites
  • Create time based 3D simulations
  • Design systems, not static models
  • Let art teach you programming
  • Educate next generation of creators

Welcome! Here, you'll embark on a journey into the world of parametric design, where you can effortlessly generate 3D models through our intelligent configurators or craft your own creations using our user-friendly editors.

We've meticulously designed this web-based platform to eliminate friction and empower you to code imaginative 3D applications, craft stunning data visualizations, delve into virtual reality, conduct simulations, fashion parametric CAD models, or incorporate it into STEAM-based education.

Don't hesitate to reach out if you have any questions or desire to delve deeper into our offerings. We're here to assist you on your parametric design journey!

Three editors of bitbybit.dev explained in a single diagram.
Three editors of bitbybit.dev explained in a single diagram.

CODE PARAMETRIC MODELS

If you want flexibility and control, you can create parametric models yourself. We have a set of tools, tutorials and lectures to help you started.

Check out our three powerful editors: Rete, Blockly, and Monaco for TypeScript. Because these editors share the same programming interface, you can easily switch between them when use case changes. Whether you're a beginner or an experienced programmer, our editors offer unique approaches to the desig of parametric geometry.

Play button picture to start the application for visual programming of geometry
Rete editor containing wired visual components on top of 3D geometry.
Play button picture to start the application for visual programming of geometry
Blockly editor containing wired visual components on top of 3D geometry.
Play button picture to start the application for visual programming of geometry
Monaco editor containing code on top of 3D geometry.
Learn to code geometry. Start your journey by launching our web applications, it is completely FREE to begin.
Rete editor containing wired visual components on top of 3D geometry.

The editor allows you to create visual scripts of parametric geometry. By leveraging this coding style, both beginners and professionals can enjoy the process of creating intricate models. By wiring together components, you can define the exact structure of your model. The real-time reflection of code changes makes experimenting a breeze, while the reactive workflow can also be easily adapted to serious workflows. Strict component hierarchy ensures that logic persists, making it easy to understand, debug, and design your code. Start exploring and creating today with this intuitive editor.

The editor allows you to create visual scripts of parametric geometry. By leveraging this coding style, both beginners and professionals can enjoy the process of creating intricate models. By wiring together components, you can define the exact structure of your model. The real-time reflection of code changes makes experimenting a breeze, while the reactive workflow can also be easily adapted to serious workflows. Strict component hierarchy ensures that logic persists, making it easy to understand, debug, and design your code. Start exploring and creating today with this intuitive editor.

Rete editor containing wired visual components on top of 3D geometry.

Discover the power of visual programming with Blockly! While it may be a bit more complex than Rete, it's a versatile editor that excels in other areas. Although it is not a reactive editor and requires running scripts manually, it shines in tasks such as programming real-time animations, simulations, WebXR, and even games. With its easy-to-use visual blocks and simple input/output logic, it's a favorite among those familiar with tools like Scratch, TinkerCAD, and MicroBit. Don't hesitate to dive in and explore the endless possibilities of our custom Blockly components. Start creating today!

Blockly editor containing 3D geometry scripted by visual components.

Discover the power of visual programming with Blockly! While it may be a bit more complex than Rete, it's a versatile editor that excels in other areas. Although it is not a reactive editor and requires running scripts manually, it shines in tasks such as programming real-time animations, simulations, WebXR, and even games. With its easy-to-use visual blocks and simple input/output logic, it's a favorite among those familiar with tools like Scratch, TinkerCAD, and MicroBit. Don't hesitate to dive in and explore the endless possibilities of our custom Blockly components. Start creating today!

Blockly editor containing 3D geometry scripted by visual components.
TypeScript editor containing text based code overlayed on top of 3D parametric geometry.

TypeScript is a strongly typed programming language that builds on JavaScript. Monaco is the ligtweight editor to write TypeScript code. We have integrated this user-friendly editor that enables you to select 'bitbybit' constant from the global scope and create anything you desire. This editor is perfect for those who already have programming experience and want to leverage their existing knowledge to create parametric CAD models. Without the constraints of visual blocks, this style of programming is lightning fast. Plus, our editor serves as a gateway to our open-source NPM packages. Once you've explored your ideas within the editor, easily integrate them into your own projects. Join the community and start coding with TypeScript today!

TypeScript is a strongly typed programming language that builds on JavaScript. Monaco is the ligtweight editor to write TypeScript code. We have integrated this user-friendly editor that enables you to select 'bitbybit' constant from the global scope and create anything you desire. This editor is perfect for those who already have programming experience and want to leverage their existing knowledge to create parametric CAD models. Without the constraints of visual blocks, this style of programming is lightning fast. Plus, our editor serves as a gateway to our open-source NPM packages. Once you've explored your ideas within the editor, easily integrate them into your own projects. Join the community and start coding with TypeScript today!

TypeScript editor containing text based code overlayed on top of 3D parametric geometry..

INTEGRATE WITH YOUR WEBSITE

BITBYBIT-RUNNER.JS

If you are familiar with parametric computational design and would like to integrate bitbybit to your own websites, now there is an easy way to do it. Bitbybit-runner.js is a library that allows you to run bitbybit scripts on your own websites. You include a single javascript file and it offers all open-source algorithms of bitbybit.dev that are exposed through our code editors. Learn more about this technique in our blog post.

3D BITS APP FOR SHOPIFY

E-commerce solution for merchants and developers

The 3D Bits app integrates Shopify with our platform, letting merchants add interactive 3D experiences to their product pages. It supports static 3D models, advanced 3D scans, and parametric CAD designs. Using editors like Rete, Blockly, and Monaco for TypeScript, merchants can create engaging 3D content, enhancing the online shopping experience of the customers.


3D WEB APPS THROUGH NPM PACKAGES

Are you ready to take your geometric designs to the next level? Look no further! Our powerful geometry algorithms are now available as npm packages, allowing you to integrate them seamlessly into your own websites, webshops or Node based server backends. You can choose any other professional IDE like Visual Studio or VSCode and start writing your web apps. With our packages, you can easily create stunning 3D CAD configurators, apps, and server backends. Check out our app store below to see some examples of what you can build. Whether you're a beginner or an experienced developer, our tools make it easy to bring your ideas to life. Try it out today and see what you can create!

@bitbybit-dev/core


This package contains core 3D algorithms of Bit By Bit Developers platform which are open-sourced under MIT license. This package is independent of our User Interface, but it is meant to be used in the context of a browser. This package is dependant on the BabylonJS game engine and contains all of our open source algorithms. It also makes use of our other packages, such as bitbybit-occt-worker and bitbybit-occt.


@bitbybit-dev/occt-worker


This package exposes core OCCT 3D algorithms of Bit By Bit Developers platform via webworker. This code is open-sourced under MIT license. This package is independent of rendering frameworks such as BabylonJS or ThreeJS. You can build your own rendering pipeline in WebGL or WebGPU. While webworkers have their implementation in Node environment, this code is meant to be used in the browser environment. For Node environment check bitbybit-occt library.


@bitbybit-dev/occt


This project contains core OCCT 3D algorithms of Bit By Bit Developers platform. This package can be deployed both in browser and backend contexts through NodeJS. You can build your own caching or webworker pipelines on top of it. This code potentially can also be used alongside other opencascade.js libraries.

APPLICATIONS

We have developed quite a few applications that use our 3D CAD NPM packages. Check them out below. Many of them are opensource, thus you can inspect the complete source code on our GitHub page or clone the repository and run the code.


Terrace Furniture

Image showing off the application
Make your own terrace furniture. Adjust dimensions to your specific needs, inspect the model and copy part information for production.

Laptop Holder

Image showing off the application
The application allows you to configure custom multi slot laptop holder. Choose how many laptops you want and adjust the basic dimensions. Save your file and use it for 3D printing.

Cup

Image showing off the application
The application allows you to configure a custom cup for your coffee or tea. Choose any combination of parameters to get proprtions that you want. Save your file and use it for 3D printing.

Vase ThreeJS

Image showing off the application
The application shows how to use our npm packages with ThreeJS game engine.

3D MODEL CONFIGURATORS

Check out the latest parametric 3D Model configurators that do not require any 3D modeling, CAD or programming experience. Tune various parameters and download the final designs. We are busy making new configurators constanty. If you are tired of static 3D models that you can not adapt to your needs or if you are interested in 3D printing something original - these 3D model configurators are for you.


Dragon Cup

Create triangulated cups, plates and vases.

Phone Nest

Create a phone, tablet or even a laptop holder model.

Arabic Archway

3D print a family of vases decorated with arabic ornaments

Eternal Love

3D print a heart with the name of your loved ones

Zen Hideout

Generate variations of L shaped buildings with wooden structure

Calm Cup

Configure a simple cup model and 3D print it

Serenity Swirl

Generate beautiful vases and 3D print them

Wingtip Villa

Generate beautiful birdhouses and put them on the trees

Picture showing an example of a course from Bit by bit developers school.

SCHOOL

"Bit by bit developers school" is the place where you can learn programming, parametric design and modern manufacturing techniques.

Get started by enrolling in some of our free courses that are geared towards beginners.

Purchase the course for yourself, for your family members, students or friends and experience the joy of creation together.


Find out more!
Picture showing an example of a course from Bit by bit developers school.

SCHOOL

"Bit by bit developers school" is the place where you can learn programming, parametric design and modern manufacturing techniques.

Get started by enrolling in some of our free courses that are geared towards beginners.

Purchase the course for yourself, for your family members, students or friends and experience the joy of creation together.


Find out more!

Industry Partners

OpenCascadeRhino3D
iPad picture showing visual programming application that produced spiral geometry.

ABOUT

"Bit by bit developers" LLC is based in Lithuania. We develop open Platform for programming 3D experiences & parametric CAD models, cloud based infrastructure and tools that support your design workflows. We also create educational STEAM based material, provide consulting services to individuals and our partners.

We are committed to provide you with practical, accessible, easy to use solutions that work across devices and operating systems.

ABOUT

"Bit by bit developers" LLC is based in Lithuania. We develop open Platform for programming 3D experiences & parametric CAD models, cloud based infrastructure and tools that support your design workflows. We also create educational STEAM based material, provide consulting services to individuals and our partners.

We are committed to provide you with practical, accessible, easy to use solutions that work across devices and operating systems.

iPad picture showing visual programming application that produced spiral geometry.