Atomatic is a flexible and easy to use build and development tool for Atomic Design systems. It enables you and your team to concentrate on what really matters, growing and improving your component library. Therefore it takes over the whole process of watching and updating the style guide. Due to it's flexibility and it's file based approach it can be integrated in almost any modern development stack with ease. And since Atomatic isn't bound to a specific templating language your style guide and production environment can share their source files in order to prevent yourself from unnecessary code duplication and circumvention of your style guide.
Atomatic is written in Node.js and requires Version: 7+. So far it has been tested in Mac and Linux only.
In case you don't have time to read the documentation first and for better idea of options and capabilities in general we created a couple of demo projects:
Gulp stack with Pug (comming soon)
Gulp stack with Twig (comming soon)
Gulp stack with Liquid (comming soon)
Webpack stack with Twig (comming soon)
In order to make integration and updating of Atomatic in your project as easy as possible it is published as single npm module.
$ npm install atomatic -s
Atomatic is shipped with a default configuration, that can be overridden easily in order to adapt the setup to the requirements of your project. Adaption just need to be passed in on instantiation of Atomatic.
const config =/* CONFIGURATION OBJECT THAT OVERRIDES DEFAULT CONFIG */;const Atomatic = ;config watch callback;
All files are released under the MIT license.