dash-bootstrap-components logo

Dash Bootstrap Components

dash-bootstrap-components is a library of Bootstrap components for Plotly Dash, that makes it easier to build consistently styled apps with complex, responsive layouts.

Source Code Get Started »

Get started quickly

Dash Bootstrap Components for Python can be easily installed with pip or conda.

Once installed, just link a Bootstrap stylesheet and start using the components exactly like you would use other Dash component libraries.

See the quickstart for more details.

Quickstart »
pip install dash-bootstrap-components
import dash
import dash_bootstrap_components as dbc

app = dash.Dash(
    external_stylesheets=[dbc.themes.BOOTSTRAP]
)

app.layout = dbc.Alert(
    "Hello, Bootstrap!", className="m-5"
)

if __name__ == "__main__":
    app.run_server()

Extensive component library

Bootstrap

The Bootstrap style.

Bootstrap components are available as native Dash components to let you easily incorporate them into your Dash apps. Each component exposes a number of props to let you control the behaviour with Dash callbacks.

Components »

Highly customisable

Superhero

The Superhero style.

Dash Bootstrap Components is compatible with any Bootstrap v5 stylesheet of your choice. Learn how to customise the look of your app using the bundled themes or your own custom themes.

Themes »