# BalmJS
An universal Front-End workflow for webapps
# What's BalmJS?
π BalmJS prescribes best practices and tools to help you stay productive.
- Naturally: Make web development simple, natural and pleasant.
- Structure-Based: One configuration file can manage webapp projects with at least 90% use cases.
- Learn Once, Run Any Webapps: Any front-end technology stack will be developed and built in the same way.
# Features
- Based on gulp + webpack for webapp projects
- Automagically compile PostCSS/Sass/Less
- CSS Autoprefixing
- Automagically generate CSS sprites
- enable ES2015+ features using Babel
- Awesome images optimization
- Built-in preview server with BrowserSync
- Custom publish assets to remote (Front-end to Back-end) project
- ZIP/FTP/PWA supported
- Easily define and extend your own tasks
# Ecosystem
| Project | Status | Description |
|---|---|---|
| balm-core (opens new window) |  (opens new window) | BalmJS compiler core (required for balm 3+) |
| balm (opens new window) |  (opens new window) | BalmJS runtime core |
| balm-cli (opens new window) |  (opens new window) | BalmJS scaffolding tool |
| N/A | GUI for BalmJS | |
 (opens new window) | Material Design Lite + Vue + Idea | |
| balm-ui (opens new window) |  (opens new window) | A modular and customizable UI library based on Material Design and Vue |
| balm-scroll (opens new window) |  (opens new window) | Smooth scrolling for Vue.js |
| balm-ui-pro (opens new window) |  (opens new window) | More configuration definition, less code implementation for Vue.js |
| balm-git-flow (opens new window) |  (opens new window) | The best practices for front-end git flow |
Installation β