atomicdocs
A front-end style guide generator and component manager for Scss/Less/Stylus, built in PHP and Sass, with browser editing and GUI management.
Score
50
User Rating
1.0
Free/Trial Support
Supported
Starting Price
--
Last Updated
Apr 23, 2026
Overview
What is atomicdocs?
Atomic Docs is a tool that generates style guides and manages Scss/Less/Stylus components. It provides a GUI for creating, editing, and organizing partial files, eliminating manual import statements.
What is atomicdocs used for?

Top Features
- Documentation generation
- Browser-based editing
- Component categorization
- GUI file management
- Automatic partial wiring
How to use atomicdocs?
Install Atomic Docs on your server, use the web interface to create and categorize components, edit directly in the browser with Ace.js, and manage partial files through the GUI.
Alternative Tools
No alternative tools found
Pros & Cons
Pros
- Saves time on manual imports
- Easy component organization
- Supports multiple CSS preprocessors
- Open-source and free
Cons
- Requires PHP server setup
- Limited to front-end workflows
Use Cases
- Creating style guides for teams
- Managing CSS components in projects
- Handing off documentation to external teams
atomicdocs Pricing
Free Plan
No detailed pricing information available
User Reviews
1.0
out of 5
1.0
No reviews yet
Be the first to review this tool!