Drawerjs (Navigation)

Drawerjs – A navigation drawer for mobile and web applications

It’s small, fast, flexible, rich, and no dependencies. Not just a navigation drawer, It helps you to quickly build your sites/apps layouts, with a huge possibilities.

What’s included

On download directories and files, you’ll see something like this:

demo/
dist/
??? css/
? ??? drawerjs.css
? ??? drawerjs.css.map
? ??? drawerjs.min.css
? ??? drawerjs.min.css.map
??? js/
? ??? amd/
? ??? commonjs/
? ??? es6/
? ??? umd/
? ??? drawerjs.js
? ??? drawerjs.js.map
? ??? drawerjs.min.js
? ??? drawerjs.min.js.map
??? scss/
? ??? _mixins.scss
? ??? _variables.scss
? ??? drawerjs.scss
docs/
CHANGELOG.md
README.md

Drawerjs Features

Align

Easily placed the drawer on left or right position.

    
Toggle

Easily show/hide the drawer.

     
Compact

Toggle the drawer to pre-defined small size.

Fixed

Easily toggle fixed the drawer.

     
Force Position

Place the drawer wherever you want.

Pinned

Transform the drawer to push/pull navigation.

     
Multiple Instance

Work with many drawers on the same page.

Nesting

Combine two drawers into one.

     
Flexible Width

Set your own drawer width, both default and compact mode.

Design Options

Control how the drawer will look like for your sites/apps.

     
Responsive Design

Just look awesome on any devices and screen sizes.

Modular

The drawerjs also available for AMD, ES2015, CommonJS, UMD version.

     
Object Oriented Code

Follow the most and effective programming pattern.

Well Documentation

For me, writing in english is 100x more harder than writing in code. I just do my best to provide a detail API explanation.

Limitations

Drawerjs work well with any CSS framework like Bootstrap and just look awesome on any devices and screen sizes.

Browser support

  • Chrome >= 35
  • Firefox >= 38
  • Edge >= 12
  • Explorer >= 9
  • iOS >= 8
  • Safari >= 8
  • Android 2.3
  • Android >= 4
  • Opera >= 12

Contributing

If you notice any bug(s) or have any idea(s) for new feature(s), skin(s), or something else, please let me know! Just Contact me or give me your word on comments page, so we can make Drawerjs better together.

Thanks you for your interest in Drawerjs.

— Beni Arisandi

Updates

30.01.2017 - ver 1.0
- Initial release

Download Drawerjs (Navigation)

Leave a Reply

Your email address will not be published. Required fields are marked *