style-framework is not actively maintained anymore.

Demo

This is a Style Framework built on top of the great library elm-ui. It is still experimental. Major changes may happen at any time to this Repo. Feedbacks and contributions are welcome.

The framework allows customization on several levels. Have a look at this example code to see how the customization is made.

In the image below: on the top left, the default version. On the bottom right the customized version.

The framework has a built-in style guide generator that can be used as a quick reference during the UI design. The style guide is generated using functions called introspection present in each module of the framework.

This is a minimal example of the framework usage, it just displays a green button:

module Main exposing (main) import Element exposing (layout) import Framework.Button as Button import Framework.Modifier exposing (Modifier(..)) import Html main : Html.Html a main = layout [] <| Button.button [ Medium , Success , Outlined ] Nothing "Button"

This is the result:

For the entire list of examples, have a look at the examples folder in the repo. It contains:

• Button Example
• Customized Framework Example
• Single Page Application Example