hey community! We’re extremely excited to launch the production version of openBuild. After the beta, we implemented your feedback and tweaked the concept a bit. Today we soft launch on the forum!
As an agency we focus on building great design and this is at the same time one of the biggest challenges in Bubble. openBuild offers a solution. It is a UI builder for Bubble. It is a Chrome extension and web app that adds UI building superpowers 
to your Bubble editor.
Here are the top features you should care about
- A premium library of 300+ custom designed UI components for any type of app that you add to your page in one click. Components are grouped in Collections per theme or app element (like ‘People’ or ‘Navigation’)
-
A responsive grid with a sizing system that acts as a container for the components. You can use the components in any page, but the grid really makes creating a UI super fast and easy.
-
A personal library that you can use to store any component in. It is your personal vault of Bubble elements that you can then reuse in any other app. How often are you looking for something you previously built in another app? Now you can store those components and have it handy in all your apps.
Check out the landing page for the full feature list (like integrated tasks, versioning, a form generator and much more).
Directly get the extension with instructions here
Getting Started
The best way to fully get the value of openBuild would be to copy the free Tutorial page in your app. It will show you how the components, with their sizing system, work together with the framework to easily create responsive layouts.
What’s next
Library
The library of components is growing weekly. We start now with UI components, but we already have other types of Bubble components lined up. Think about elements like responsive tables with sort and filter, a checkout flow or a task management module.
Template
We will publish a template soon that will have all the styles we use for the components. It means you can change the style in your editor and all the components automatically adjust to the style. It is the quickest way to create custom design! Now, all the components come with inline styles.
The template comes with different starting layouts for any kind of app or page.
Team Collections
Do you work in a team on an app? Or do you create Bubble courses or tutorials? Then this is for you. You can create unlimited collections of components and add team members that can use those components.
A use case would be to create a collection for a project where you store components that a designer created and need to be used in the app.
Another would be if you are teaching a Bubble course and put the course material in a collection. Everyone creates a clean UI and you have more time to focus on interesting workflows instead of button alignment.
Final thoughts
We are pretty proud to be joining a growing group of Bubblers that have been building products on top of Bubble, not just with Bubble. We see a bright future for Bubble as a programming language, not just as an app-building platform. Building products that add to the value of Bubble will be crucial in its success. And it’s great to see @bubble support these projects!
