This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.
Framework for inline CSS
version 8.0.1
license MIT
native-modules False
elm-version 0.18.0 <= v < 0.19.0
Tag 8.0.1
Committed At 2017-11-30 12:14:29 UTC
elm-lang/html 2.0.0 <= v < 3.0.0 2.0.0
elm-lang/core 5.0.0 <= v < 6.0.0 5.1.1




This package now uses native code in its new version to ensure lightning fast performance! Try to use the latest version published directly on GitHub! It's way better, better typed checked, including a full featured router for your applications, and continually improved!

Table of Contents

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.

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! 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!