A front-end boilerplate that just flows.
- Atomic Design - Atomic design methodology out-the-box, keeping you organized & ready-to-go.
- Automation - Using tools like Gulp and Sass in order to optimize your workflow, Water takes care of the little (but annoying) stuff.
- Living Styleguide - Water scans comments from your existing components and automagically creates (and updates) a style guide for you, using KSS StyleSheets.
- Twig Templating - Water uses Twig, the most reliable template engine.
Here's the list of gulp tasks included:
- lint - Detect JS Errors
- sass - Compile & Concat Sass
- scripts - Minify & Concat JS
- twig - Compile Twig templates
- watch - Watch js, scss & twig files for changes and automatically refresh browser.
- styleguide-build - Compile & automatically create a styleguide
- styleguide-watch - Watch for all StyleGuide related changes
- styleguide - Runs both styleguide-build and styleguide-watch
Note: Running gulp alone, performs all of the above.
git clone git@github.com:giologist/Water
npm install
gulp