Esuna – Open Source Front-End framework and Set of Coding Guidelines

Esuna is an open source front-end framework and a set of coding guidelines. It’s based on BEM (block, element, modifier) naming methodology, and uses the mobile-first approach for responsiveness. My favorite part about Esuna is, it has optimized comments style which allow you to fully utilize Sublime Text goto symbol function.

Esuna File Structure

├── index.html
├── Gruntfile.js
├── package.json
├── _ui
│   ├── style.css
│   ├── fonts
│   ├── img
│   └── js
│      ├── jquery.js
│      ├── modernizr.js
│      ├── plugins.js
│      └── main.js
├── _assets
└── _media

Some of the Features

  • Forms
  • 12 Column Grid
  • Navbars
  • Buttons
  • Notifications
  • Pagination

esuna

Github: https://github.com/Idered/esuna
Website: http://lab.idered.pl/esuna/
License: MIT