3D Model Configurators
Customize parametric 3D models easily and export them in standard formats like STEP, IGES, STL, or GLTF.
Getting started with Bitbybit, a platform for building and sharing 3D applications.
View all tagsCustomize parametric 3D models easily and export them in standard formats like STEP, IGES, STL, or GLTF.
Learn about our mission to create a generic, frictionless platform for programming geometry on the browser, democratizing 3D creation, and its applications in STEM and custom web integrations.
Learn to build a simple 3D table configurator using the Blockly visual editor on Bitbybit and then deploy it as an interactive website on StackBlitz using Bitbybit Runner.
Learn to build a simple 3D table configurator using the Rete visual editor on Bitbybit and then deploy it as an interactive website on StackBlitz using Bitbybit Runner.
Learn to build a 3D table configurator by exporting TypeScript code from Bitbybit and integrating it into a web application on StackBlitz using Bitbybit Runner.
Learn the step-by-step process for creating new projects in Bitbybit, either from the "My Projects" dashboard or directly within the editor.
Learn to create a parametric 3D cube using OpenCascade (OCCT) and TypeScript in the Bitbybit environment.
Learn how to create a parametric cube using the Bitbybit Blockly editor, OpenCascade (OCCT), and variables.
Learn how to create a parametric cube using the Bitbybit Rete visual programming editor, OpenCascade (OCCT), and a number slider.
Learn how to create both local (unsaved) scripts for quick experiments and cloud-synced scripts within your Bitbybit projects.
Learn how to embed public Bitbybit scripts into your own website using iframes for broader sharing and integration.
Learn how to locate and access your saved cloud scripts within your Bitbybit projects using the "My Projects" dashboard or the in-editor project management panel.
Learn about the different ways to use our platform, including 3D Model Configurators, Rete, Blockly, and Monaco (TypeScript) editors.
Learn about our use of Monaco editor for TypeScript, understand the global context and how you should code in it.
Learn how to upload a local glTF (.glb) file to your browser storage and then import and display it in Bitbybit using Rete, Blockly, and TypeScript editors.
Learn how to upload a local STEP (.stp) file to your browser storage and then import, parse, and display it in Bitbybit using OCCT with Rete, Blockly, and TypeScript editors.
Learn how to import previously saved .bitbybit script files (Blockly, Rete, or TypeScript) back into the Bitbybit editors.
Learn what you will find in the General category
Discover Bitbybit Runner, a powerful tool to execute your Bitbybit 3D scripts on any website using a single JavaScript file, now with support for both BabylonJS and ThreeJS.
Learn how to create a simple 3D website using Bitbybit Runner & Rete editor, controlling a 3D cube's size with a UI input on StackBlitz.
Learn how to create a 3D website using Bitbybit Runner by integrating a visual program built with the Blockly editor into a StackBlitz project.
Learn how to create a 3D website using Bitbybit Runner by integrating a TypeScript program built with Bitbybit into a StackBlitz project.
Learn about Blockly, the visual programming framework used on the Bitbybit platform, its benefits, and how to interact with Blockly scripts.
Learn about TypeScript, how it enhances JavaScript for safer and more robust coding, and how it's used with the Monaco editor on the Bitbybit platform.
Learn why and how to publish your Bitbybit projects to share them with the community or specific user groups.
Learn about the Rete visual programming editor on the Bitbybit platform, its origins from Rete.js, and why we chose this approach for computational design.
Learn when and how to run your code in Bitbybit using TypeScript, Blockly, or Rete editors, and what to expect.
Learn how to export your Bitbybit scripts (Blockly, Rete, or TypeScript) to a local file for backup, sharing, or offline storage.
Learn how to use the search feature to find specific public scripts in Bitbybit by title, author, description, or code content.
Get up to speed with our platform and begin coding creative 3D experiences.
Learn why errors happen in Bitbybit, how they are reported in different editors (Rete, Blockly, TypeScript), and how to approach fixing them.
Learn how the auto save feature works for your cloud scripts in Bitbybit and important considerations regarding version history.
Learn the concepts behind drawing 3D objects in Bitbybit, the role of BabylonJS, and what you can draw and manipulate.
Learn what projects are in Bitbybit, how to organize your work, and the differences between public, private, and community-specific project visibility.
Learn what scripts are in Bitbybit, their types (Blockly, Rete, TypeScript), visibility, and how they can be combined within a project.
Learn about the importance of unit testing in Bitbybit, our practical approach to testing 3D algorithms (including E2E-like tests), and explore our live unit test reports.
Learn the step-by-step process for uploading cloud assets (like .glb and .step files) to your Bitbybit projects for use in your scripts.
Learn the step-by-step process for uploading local assets (like .glb files) to your browser's storage for use in your Bitbybit scripts.
Explore the use cases for cloud assets in Bitbybit, including importing 3D models and other file types, and important considerations for sharing and access control.
Learn why cover images are important for your Bitbybit projects and scripts, and how to upload them for better visibility and sharing.
Learn how to upload an image as a cloud asset and then use it to create and apply textures to 3D meshes in Bitbybit using Rete, Blockly, and TypeScript.
Learn how to upload and use local assets (stored in your browser) within your Bitbybit scripts, and understand their limitations and use cases.
Learn how to use script preview links to share and test your Bitbybit creations in a full-screen, editor-less mode, and how to optimize previews.
Learn how to access and use your previously uploaded cloud assets (like .glb and .step files) within Rete, Blockly, and TypeScript scripts in Bitbybit.
Understanding the synergy between visual programming and text-based scripting (TypeScript, JavaScript, JSON) within Bitbybit's Rete editor.
Learn about using assets (3D models, images, etc.) in Bitbybit, how to upload them to cloud or local storage, and their availability within your projects.
Learn how to create your first 3D "Hello World" program using the Bitbybit Blockly visual programming editor.
Learn how to create your first 3D "Hello World" program using the Bitbybit Rete visual programming editor.
Learn how to create your first 3D "Hello World" program using the Bitbybit Monaco programming editor.