{"id":13452016,"url":"https://github.com/nickberens360/atomic-docs","last_synced_at":"2025-03-23T19:33:34.896Z","repository":{"id":19712275,"uuid":"22967709","full_name":"nickberens360/atomic-docs","owner":"nickberens360","description":"Front end code documentation generator. http://atomicdocs.io/","archived":true,"fork":false,"pushed_at":"2023-03-06T00:32:01.000Z","size":62003,"stargazers_count":780,"open_issues_count":19,"forks_count":92,"subscribers_count":36,"default_branch":"master","last_synced_at":"2025-03-18T12:51:31.153Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nickberens360.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2014-08-14T20:32:15.000Z","updated_at":"2024-10-29T09:25:02.000Z","dependencies_parsed_at":"2024-01-14T06:55:17.475Z","dependency_job_id":"3e4f1ef9-34fa-4ead-9369-f297c8290f9a","html_url":"https://github.com/nickberens360/atomic-docs","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickberens360%2Fatomic-docs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickberens360%2Fatomic-docs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickberens360%2Fatomic-docs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickberens360%2Fatomic-docs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nickberens360","download_url":"https://codeload.github.com/nickberens360/atomic-docs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245158970,"owners_count":20570294,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T07:01:10.172Z","updated_at":"2025-03-23T19:33:32.407Z","avatar_url":"https://github.com/nickberens360.png","language":"JavaScript","funding_links":[],"categories":["Docs","JavaScript"],"sub_categories":[],"readme":"# Atomic Docs\n\nAtomic Docs is a front end style guide generator and component manager. Atomic Docs is built in PHP and Sass. Inspired by Brad Frost's Atomic Design principles.\n\nAtomic Docs works with Sass, Less and Stylus.\n\nDocumentation can be found at \u003ca href=\"http://atomicdocs.io/\"\u003eAtomicDocs.io\u003c/a\u003e.\n\n\u003cimg src=\"atomic-core/img/demo1.gif\" alt=\"atomic docs gif\" /\u003e\n\n## Set up\n\n1. Download Atomic Docs and add to your local PHP environment.\n2. Configure your preprocessor to output `scss/main.scss` to `css/main.css`.\n3. Go to `http://localhost/atomic-docs/atomic-core/index.php` and get started.\n\n## Document\nHave full documentation to hand off to other teams, internal or external.\n\n\u003cimg src=\"atomic-core/img/document.png\" /\u003e\n\n##Edit in the Browser\nEdit your components directly in the browser using the Ace.js editor.\n\n\u003cimg src=\"atomic-core/img/editor-gif.gif\" /\u003e\n\n\n## Organize\nOrganize all your components under categories that you name. \"Base\", \"Modules\", \"Atoms\" etc...\n\n\u003cimg src=\"atomic-core/img/organize.png\"/\u003e\n\n## Manage\nManage all your components. Move, rename and delete with a clean GUI interface.\n\n\u003cimg src=\"atomic-core/img/manage.gif\" /\u003e\n\n## Save time\nDoes all the \"wiring\" of your SCSS partials. Never write `@import \"partial-name\";` again.\n\n\u003cimg width=\"500\" src=\"atomic-core/img/helpful.png\"/\u003e\n\nDocumentation can be found at \u003ca href=\"http://atomicdocs.io/\"\u003eAtomicDocs.io\u003c/a\u003e.\n\n## Join the conversation!\nWe'd love to hear your thoughts and suggestions. Join us on \u003ca href=\"https://nick578.typeform.com/to/NwX0ox\"\u003eSlack\u003c/a\u003e.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnickberens360%2Fatomic-docs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnickberens360%2Fatomic-docs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnickberens360%2Fatomic-docs/lists"}