Design like a pro — without writing a line of CSS or HTML. Design Kit takes "low-code" development to a new level.
The Dash Enterprise Design Kit lets you easily arrange, style and customize Dash apps so that they can be deployed in no time. We developed Design Kit for Plotly's own Dash consulting team to address a recurring problem — every Dash application we wrote contained similar code-intensive CSS. There had to be a better way.
Design Kit is our next-generation, reusable information design framework for Dash. We designed simplified layouts. We created enterprise-friendly sidebars and headers. We added a point & click theme editor to rapidly unify Dash app look and feel.
With Design Kit, Dash apps that used to weigh in at 2,000 lines can be pixel-perfect in just 200.
Easily arrange, style, and customize your Dash apps. Go from exploration to deploying beautiful, production-ready apps in no time.
📃Experiment with different layouts.
✏️Add annotations and highlight KPIs.
🎨Customizable colors, controls, headers, and navigational elements.
📱Create fully responsive, mobile-friendly apps.
Styling with Dash Bootstrap vs Dash Enterprise Design Kit
Dash Core Components, graphs, and interactive tables are not themeable with Dash Bootstrap Components. A simple color change requires the help of a front-end developer to modify and match the styling of each individual card.
With Dash Enterprise Design Kit, styling is made simple, no matter how many cards an app has. Dash Core Components, graphs, and interactive tables are all themeable. Style changes can be made with a click of a button in the live design GUI and shared across multiple applications.
Styling with Dash Enterprise Design Kit vs. Tableau
|Dash Enterprise Design Kit||Tableau|
|Author & Maintainer||Plotly||Tableau|
|Starter Apps||Yes (84)||No|
|Live Design GUI||Yes||Yes|
|Print-Ready Interactive Reports||Yes||No|
|Python Exception Notifications||Yes||No|
|Drag & Drop||Yes (upcoming release)||Yes|
|Themeable Dash Core Components||Yes||No|
|Themeable Interactive Tables (DataTable)||Yes||No|
See Dash in action.
Sign up for a live demo to learn more about our Dash Enterprise offering.