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


0182.2.03 years ago5 years agoMinified + gzip package size for @html-next/flexi-default-styles in KB



Greenkeeper badge

npm version Build Status Code Climate

Default styles to match the attributes converted by flexi-dsl, as well as styles for the flexi-layouts components.



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-default-styles

Note that that flexi attributes will not be converted into classes without flexi-dsl.

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.