Question 1

Is bootstrap.build free?

Accepted Answer

Yes, it is completely free and open source (MIT), with no paid plan, trial, or usage limit.

Question 2

Do I need an account?

Accepted Answer

No. There is no sign-up or login. Open the builder and start designing immediately.

Question 3

Can I edit a theme visually, without writing code?

Accepted Answer

Yes. In Visual mode you can click any element in the live preview and drag its edges to adjust padding, spacing and corner radius, or change settings in plain English. Prefer code? Code mode exposes every Bootstrap variable by name, and you can switch between the two whenever you like.

Question 4

Is bootstrap.build a Bootstrap theme generator?

Accepted Answer

Yes. Whether you call it a theme generator, a Bootstrap customizer, or a theme builder, it does the same job: you edit Bootstrap 5 variables visually and it generates a finished theme you can export as Sass or CSS.

Question 5

Which version of Bootstrap is supported?

Accepted Answer

The latest Bootstrap 5.3, and you can edit both its light and dark color-mode variables.

Question 6

How do I change colors, fonts and spacing?

Accepted Answer

Pick a component or search a variable by name, then edit it: $primary and the theme colors for branding, $font-family-base and the type scale for fonts, and $spacer and $border-radius for spacing and roundness. Every change previews instantly.

Question 7

What can I export?

Accepted Answer

A clean _variables.scss, your custom Sass, or the full compiled bootstrap.css and minified bootstrap.min.css. Everything you export is yours to keep.

Question 8

How do I use the exported file in my project?

Accepted Answer

Place the _variables.scss above your Bootstrap import: load the Bootstrap functions partial first, then your overrides, then the rest of Bootstrap. If you would rather not use Sass, just link the exported bootstrap.min.css instead.

Question 9

Can I start from an existing theme or import my own variables?

Accepted Answer

Yes. Open any free theme to fork and restyle it, or use Import to load an existing _variables.scss and continue from there.

Question 10

Does my work save automatically?

Accepted Answer

There are no accounts, so your theme stays in the current browser session. Export the _variables.scss to keep, version or share it, then re-import it later to pick up where you left off.

Question 11

Can I use the result commercially?

Accepted Answer

Yes, for any personal or commercial project. The one condition is keeping a "Powered by bootstrap.build" link on the sites you build with it. The underlying Bootswatch themes and Bootstrap are MIT-licensed.

Question 12

Do I need to install anything?

Accepted Answer

No. bootstrap.build runs entirely in your browser, nothing to install, set up, or configure.

Design your Bootstrap 5 theme in the browser.