# Announcing Elm UI Explorer 8.0.0

**URL:** <https://discourse.elm-lang.org/t/announcing-elm-ui-explorer-8-0-0/5976>\
**Category:** Show and Tell\
**Created:** [June 28, 2020, 9:41pm UTC](https://discourse.elm-lang.org/t/announcing-elm-ui-explorer-8-0-0/5976 "2020-06-28T21:41:49Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![kalutheo](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/kalutheo/32/1557_2.png) [@kalutheo](https://discourse.elm-lang.org/u/kalutheo)\
**Post date:** [June 28, 2020, 9:41pm UTC](https://discourse.elm-lang.org/t/announcing-elm-ui-explorer-8-0-0/5976/1 "2020-06-28T21:41:49Z")

</div>

Hi there ! I’m happy to announce Elm UI Explorer 8.0.0. 🥳  
This version comes with a lot of new features:

> **[kalutheo/elm-ui-explorer](https://github.com/kalutheo/elm-ui-explorer/releases/tag/8.0.0)**
>
> Contribute to kalutheo/elm-ui-explorer development by creating an account on GitHub.

- 🧰 **Cli:** Creating a new explorer is now as simple as running the command `uie init` then `npm run uie`. Make sure to install the npm package `@kalutheo/uie` first;

> **[@kalutheo/uie](https://www.npmjs.com/package/@kalutheo/uie)**
>
> uie CLI

- ⚙ **Knobs:** Allows you to edit values provided to your views in real time thanks to the amazing `avh4/elm-debug-controls` package;

[https://elm-ui-explorer.netlify.app/examples/button/explorer-with-knobs](https://elm-ui-explorer.netlify.app/examples/button/explorer-with-knobs)

- 📱 **Responsiveness:** The layout is now 100% responsive. You can now easily browse your stories from your mobile devices;

[https://elm-ui-explorer.netlify.app/examples/button/explorer-with-notes](https://elm-ui-explorer.netlify.app/examples/button/explorer-with-notes)

- 🌔 **Dark mode:** it’s now possible to switch the explorer to a dark mode, just for your eyes .

---

<div class="post-metadata">

**Author:** ![lydell](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/lydell/32/178_2.png) [@lydell](https://discourse.elm-lang.org/u/lydell)\
**Post date:** [June 29, 2020, 6:36am UTC](https://discourse.elm-lang.org/t/announcing-elm-ui-explorer-8-0-0/5976/2 "2020-06-29T06:36:30Z")

</div>

There are 4 unnecessary scrollbars:

 ![Screenshot 2020-06-29 at 08.34.51](https://canada1.discourse-cdn.com/flex035/uploads/elm_lang/original/2X/c/ca796b6db5a50375d7a0bb18052b21820dfa2dcf.jpeg)

It’s possible to get rid of them by using `overflow: auto` instead of `overflow: scroll`.

---

<div class="post-metadata">

**Author:** ![kalutheo](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/kalutheo/32/1557_2.png) [@kalutheo](https://discourse.elm-lang.org/u/kalutheo)\
**Post date:** [June 29, 2020, 7:43am UTC](https://discourse.elm-lang.org/t/announcing-elm-ui-explorer-8-0-0/5976/3 "2020-06-29T07:43:57Z")

</div>

hi @lydell thanks 😉 will fix that . Do not hesitate to open issues on the github of the project, contributions are more than welcome

---

<div class="post-metadata">

**Author:** ![antew](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/antew/32/2102_2.png) [@antew](https://discourse.elm-lang.org/u/antew)\
**Post date:** [June 30, 2020, 3:53pm UTC](https://discourse.elm-lang.org/t/announcing-elm-ui-explorer-8-0-0/5976/4 "2020-06-30T15:53:16Z")

</div>

Looks great for having demos of packages or creating an in-house styleguide, thank you for sharing it!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex035/uploads/elm_lang/original/1X/50a05e53677a2c3b47776d7abd0f113eb50193a1.png) [@system](https://discourse.elm-lang.org/u/system)\
**Post date:** [July 10, 2020, 3:53pm UTC](https://discourse.elm-lang.org/t/announcing-elm-ui-explorer-8-0-0/5976/5 "2020-07-10T15:53:19Z")

</div>

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.