generator-yaver

yaver is simplest way to scaffold and bootstrap your stylus app.

Installation

First, install Yeoman and generator-yaver using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-yaver

Then generate your new project:

yo yaver

After yaver you can simply run:

gulp

And you're ready to develop your new app!

What is yaver?

Yaver means aide in Turkish, I designed it based on my daily requirements

Capabilities

Yaver uses Stylus as preprocessor, it comes with series of useful mixins and css files of chosen jquery plugins.

uses gulp as task builder and it comes with these tasks:

• compile stylus files
• concat, uglify javascript files
• convert images to webp format
• compress images
• browser-sync

Jquery plugins you can add within cli:

• Select 2
• Owl Carousel 2
• Light Slider
• Dropzone
• Viewport Units Buggyfill
• Cookie.js

Fonts:

Yaver automatically imports selected fonts in stylus

• Font Awesome
• Proxima Nova
• Montserrat
• Avenir Next
• Museo Sans

Stylus:

• Bootstrap 3

yaver uses bootstrap 3 stylus as predefined css framework, it's modular so you can exclude unnecessary parts.

Filetree

Changelog

2.1.0

• now yaver creates nice looking demo assets for js plugins, only owl carousel 2, cookie.js and viewport-buggyfills are supported for now
• animation library add ( documentation soon )

to-do:

• parallax.js, rellax.js, nuscroll.js, google-map.js

License

MIT © nusu alabuga