Elegant & BodyBuilder

Table of Contents

• What is Elegant and BodyBuilder?
• What differences with Elm CSS and HTML?
• It's awesome! How can I get it?
• I need help! Can you help me?
• It's the best package I've ever used! What can I do to help?

What is Elegant and BodyBuilder?

Elegant provides a safe way to write style on HTML elements without having to worry dealing with CSS. It allows you to write inline styling directly on elements. Those styles are computed, and converted into CSS under the hood, allowing to enjoy the full power of CSS without dealing with its inherent problems (cascading for example).
BodyBuilder provides an abstract, type-safe way to write web applications! It abstracts HTML to facilitates the use of inline styles, type checks the attributes, and deals with HTML for you!

What differences with Elm CSS and HTML?

Elegant and BodyBuilder take another approach: while Elm CSS provides nice way to write CSS directly in Elm to add it into your project, Elegant removes entirely CSS! The whole package uses inline styling for everything, while maintaining a VirtualCss handling all dirty CSS details for you. Just focus on your needs, write your application, write your styles and you're done! Elegant takes care of the styles for you! By abstracting HTML, BodyBuilder allows you to focus on your application, without having to worry on all the HTML details.

Looking for demos? You can find examples in the repo and working versions on the project site!

If you are looking for an abstraction over CSS, look at rtfeldman/elm-css. This is exactly what you are looking for.

It's awesome! How can I get it?

It's easy as pie to get your version! Just use panosoft/elm-grove or gdotdesign/elm-install!
But you can also clone elm-bodybuilder/elegant-template to get started right away!

I need help! Can you help me?

Don't worry, we're on Slack! And we have a dedicated channel #bodybuilder just for this! We would be so happy to help you and to see you join us! Just come say hi!
You should check the official repo too. There are at least 10 examples to help you understand how it works! The working versions are available on the project site! And the documentation is on the repo too!

It's the best package I've ever used! What can I do to help?

First, thanks!

If you want to help us, you can do plenty of things: we need documentation, tutorials, help for newcomers, detailed examples, and even performance improvements! Feel free to send us a Pull Request, to help newcomers on Slack, to improve documentation and to post issues!