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
AlignEasily placed the drawer on left or right position. |
ToggleEasily show/hide the drawer. |
|
CompactToggle the drawer to pre-defined small size. |
FixedEasily toggle fixed the drawer. |
|
Force PositionPlace the drawer wherever you want. |
PinnedTransform the drawer to push/pull navigation. |
|
Multiple InstanceWork with many drawers on the same page. |
NestingCombine two drawers into one. |
|
Flexible WidthSet your own drawer width, both default and compact mode. |
Design OptionsControl how the drawer will look like for your sites/apps. |
|
Responsive DesignJust look awesome on any devices and screen sizes. |
ModularThe drawerjs also available for AMD, ES2015, CommonJS, UMD version. |
|
Object Oriented CodeFollow the most and effective programming pattern. |
Well DocumentationFor 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