About Atomic Docs

Atomic Docs is a front end style guide generator and Scss/Less/Stylus partial manager. Atomic Docs is built in PHP and Sass. Use Mustache?

Atomic Docs supports the following.


Have full documentaion to hand off to other teams, internal or external.

Edit in the Browser

Edit your components directly in the browser using the Ace.js editor.


Organize all your components under categories that you name. "Base", "Modules", "Atoms" etc...


Atomic Docs provides a GUI for handling the creation of the Scss/Less and HTML partial files associated with your components.

Through this interface you can also rename files, move them to a different category and delete them.

Save Time

Again, Atomic Docs does the "wiring" of your Scss/Less partials. Never write @import "partial-name"; again.

Check it out!

Join the conversation on Slack!

Accelerated by KeyCDN