Just a layout framework. Design for cross-platform with ease.


2212.2.03 years ago5 years agoMinified + gzip package size for @html-next/flexi-dsl in KB



Greenkeeper badge

npm version Build Status Code Climate

Attribute and layout-component conversions for flexi elements.

Attributes: https://flexi.readme.io/docs/attributes

<container> and <grid responsive> layout components: https://flexi.readme.io/docs/elements


It is recommended that you manage your flexi addons through the main flexi addon:

ember install flexi

This will provide a prompt to install only the addons you want. Flexi will also maintain compatibility between addons.

Alternatively install just this package:

ember instal @html-next/flexi-dsl

Note that no default styles will be included unless you also install flexi-default-styles.

Support, Questions, Collaboration

Join the Ember community on Discord


  • Open an Issue for discussion first if you're unsure a feature/fix is wanted.
  • Use descriptive branch names (e.g. <type>/<short-description>)
  • Use Angular Style Commits


Angular Style commit messages have the full form:

<type>(<scope>): <title>



But the abbreviated form (below) is acceptable and often preferred.

<type>(<scope>): <title>


  • chore(deps): bump deps in package.json and bower.json
  • docs(component): document the fast-action component


A special thanks goes out to @ebryn for the inspiration to pursue a solution for explicit layouts, and IsleofCode for providing the time to built it.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.