# Introducing Elm Ant Design

**URL:** <https://discourse.elm-lang.org/t/introducing-elm-ant-design/6004>\
**Category:** Show and Tell\
**Created:** [July 5, 2020, 4:07pm UTC](https://discourse.elm-lang.org/t/introducing-elm-ant-design/6004 "2020-07-05T16:07:33Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![hexedhash](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/hexedhash/32/3384_2.png) [@hexedhash](https://discourse.elm-lang.org/u/hexedhash)\
**Post date:** [July 5, 2020, 4:07pm UTC](https://discourse.elm-lang.org/t/introducing-elm-ant-design/6004/1 "2020-07-05T16:07:33Z")

</div>

In the spirit of “If you’re not embarrassed by the first version of your product, you’ve launched too late”, I present to you [Elm Ant Design](https://elm-antd.netlify.app/), an implementation of Ant Design’s UI kit in Elm.

The library has zero external dependencies (no need to add a css tag to your html to download styles). Styles are implemented in Elm using `elm-css`. It’s as easy as `elm install supermacro/elm-antd` and you’re all ready to go!

Check out the component showcase at [https://elm-antd.netlify.app/](https://elm-antd.netlify.app/)

**[Api Documentation](https://package.elm-lang.org/packages/supermacro/elm-antd/latest/)**

**[source code](https://github.com/supermacro/elm-antd)**

### Project Goals

- Attain 100% feature parity with React’s implementation of Ant Design (which can be found [here](https://ant.design/components/overview/))
- Create a space that allows Elm developers of all skill levels to be able to easily contribute to an open source project
  - You’ll see in various parts of the documentation that I make reference to contributing to the project
  - I’ve also created a large list of "good first issue"s and “help wanted” tags on github ([link](https://github.com/supermacro/elm-antd/issues))

I would appreciate any and all feedback!

---

<div class="post-metadata">

**Author:** ![Lucas\_Payr](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/lucas_payr/32/4993_2.png) [@Lucas\_Payr](https://discourse.elm-lang.org/u/Lucas_Payr)\
**Post date:** [July 7, 2020, 6:51am UTC](https://discourse.elm-lang.org/t/introducing-elm-ant-design/6004/2 "2020-07-07T06:51:51Z")

</div>

Hi there, I’m the creator of [orasund/elm-ui-widgets](https://github.com/Orasund/elm-ui-widgets). I started to watch your repository (as you might have noticed).

Sadly both projects aren’t compatible with each other, but they are definitely tackling the same problem. That’s why I’d like to contribute some insights into what I’ve learned when writing elm-ui-widgets. So that you don’t need to reinvent the wheel.

Also, I’m guessing that there will be a few things that you will do better than I did, so I hope its okey for you if I use some of your ideas for my project as well.

😉

---

<div class="post-metadata">

**Author:** ![hexedhash](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/hexedhash/32/3384_2.png) [@hexedhash](https://discourse.elm-lang.org/u/hexedhash)\
**Post date:** [July 7, 2020, 6:01pm UTC](https://discourse.elm-lang.org/t/introducing-elm-ant-design/6004/3 "2020-07-07T18:01:21Z")

</div>

Nice to meet you Lucas!

I’ve checked out your project before, although have not read through the code… yet! haha

I would really appreciate any feedback / insights that you may have. And by all means please do use any of my ideas / patterns that you find useful.

---

<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 17, 2020, 6:01pm UTC](https://discourse.elm-lang.org/t/introducing-elm-ant-design/6004/4 "2020-07-17T18:01:22Z")

</div>

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