Skip to main content

Plotly Dash Components based on Mantine

Project description


Dash Mantine Components is an extensive (70+) Dash components library based on Mantine React Components Library. It makes it easier to create good quality dashboards with very well designed components out of the box.


Table of contents


pip install dash-mantine-components


import dash_mantine_components as dmc
from dash import Dash, Input, Output

app = Dash(__name__)

app.layout = html.Div(
        dmc.DatePicker(id="datepicker", format="dddd, MMMM D, YYYY"),
        dmc.Button("Click Me!")

@app.callback(Output("text", "children"), Input("datepicker", "date"))
def datepicker(date):
    return date

if __name__ == "__main__":


Thanks to the following people for supporting my efforts on dash-mantine-components.

  2. Ann Marie Ward
  3. Rick Ahlf


  1. Join our Discord community.

  2. Install virtual environment:

    python -m venv venv
    source venv/bin/activate
    pip install -r requirements.txt
  3. Install npm dependencies

    npm install
  4. Add your new component in src/lib/components. Make sure to include it in the src/lib/index.js as well.

  5. Build the components with the command: npm run build.

  6. Raise a PR, including an example to reproduce the changes contributed by the PR.

Project details

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distributions

No source distribution files available for this release. See tutorial on generating distribution archives.

Built Distribution

Supported by

AWS AWS Cloud computing Datadog Datadog Monitoring Fastly Fastly CDN Google Google Object Storage and Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page