# Dash Design Visually

**URL:** <https://community.plotly.com/t/dash-design-visually/19188>\
**Category:** Dash Python\
**Created:** [February 7, 2019, 1:35pm UTC](https://community.plotly.com/t/dash-design-visually/19188 "2019-02-07T13:35:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Matthijs](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@Matthijs](https://community.plotly.com/u/Matthijs)\
**Post date:** [February 7, 2019, 1:35pm UTC](https://community.plotly.com/t/dash-design-visually/19188/1 "2019-02-07T13:35:52Z")

</div>

Hi all,

For a few days, I have been playing around with dash. It works great! At my job, we have a large 3D printer, and I made a small dashboard that can display some core values. However, I was thinking of making the app much more feature rich. One of the things that has been consuming much of my time is the layout of the app. I am not very familiar with HTML, so creating these layouts has been quite of a struggle. The app that I made before was made with Qt, and Qt designer. This Qt designer has a nice visual interface for creating the app.

1. Is something also available for Dahs?
2. Any tips on creating more complex layouts?
3. Dash uses HTML, can I design the layout in, for example, google web designer? And rewrite it to Dahs components?

Any help would be more than welcome!

Cheers,

Matthijs

---

<div class="post-metadata">

**Author:** ![robvanneerrijnen](https://avatars.discourse-cdn.com/v4/letter/r/94ad74/32.png) [@robvanneerrijnen](https://community.plotly.com/u/robvanneerrijnen)\
**Post date:** [February 7, 2019, 1:54pm UTC](https://community.plotly.com/t/dash-design-visually/19188/2 "2019-02-07T13:54:56Z")

</div>

Hi Matthijs,

Please look at the following resources:

-Bootstrap: Responsive layouts and components for Plotly Dash  
[https://dash-bootstrap-components.opensource.asidatascience.com](https://dash-bootstrap-components.opensource.asidatascience.com)

-Slapdash (Boilerplate for bootstrapping scalable multi-page Dash applications)

> **[ned2/slapdash](https://github.com/ned2/slapdash)**
>
> Boilerplate for bootstrapping scalable multi-page Dash applications - ned2/slapdash

Best regards, Rob

---

<div class="post-metadata">

**Author:** ![Matthijs](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@Matthijs](https://community.plotly.com/u/Matthijs)\
**Post date:** [February 7, 2019, 3:04pm UTC](https://community.plotly.com/t/dash-design-visually/19188/3 "2019-02-07T15:04:18Z")

</div>

Hi Rob,

This is amazing! Exactly what I was looking for.

Cheers,

Matthijs

---

<div class="post-metadata">

**Author:** ![russellthehippo](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/russellthehippo/32/25312_2.png) [@russellthehippo](https://community.plotly.com/u/russellthehippo)\
**Post date:** [April 1, 2019, 11:02pm UTC](https://community.plotly.com/t/dash-design-visually/19188/4 "2019-04-01T23:02:12Z")

</div>

The bootstrap components are amazing!