Dash MUI

Beautiful Dash apps without design skills.



Made by Ploomber with ❤️

Deploy your Dash application on Ploomber.io for free.

https://github.com/user-attachments/assets/15492ec4-a04f-4a76-96fa-50b707898a2e

Live demo: dash-mui.ploomberapp.io

Installation

pip install dash-mui-ploomber

Demo

cd demo
pip install -r requirements.txt
python app.py

Open: http://localhost:8050

Developer documentation

Setup

# create env
conda create --name dash-mui python=3.12 nodejs=22 -c conda-forge -y
conda activate dash-mui

# run this in the dash-mui directory, where the setup.py file is
pip install -e .
pip install -r requirements.txt -r tests/requirements.txt

npm install
npm run build

# you can test changes using the demo
pip install -r demo/requirements.txt
python demo/app.py

Release

You can see the releases here

First, edit CHANGELOG.md, the version in package.json, also edit demo/requirements.txt to ensure the demo uses the latest version.

conda activate dash-mui

# generate deployment artifact
npm run build
rm -rf dist
python setup.py sdist bdist_wheel
ls dist

# test deployment artifact by installing it in a new env
pip install dash dist/dash_mui_ploomber-0.0.1.tar.gz
python demo/app.py

# upload
pip install twine
twine upload dist/*

# clean up
rm -rf dist

Deploy demo:

cd demo

pip install ploomber-cloud
ploomber-cloud deploy