{"id":13671142,"url":"https://github.com/acss-io/atomizer","last_synced_at":"2025-05-13T20:13:59.225Z","repository":{"id":21378842,"uuid":"24696357","full_name":"acss-io/atomizer","owner":"acss-io","description":"A library to create small, reusable CSS that scales as your website grows.","archived":false,"fork":false,"pushed_at":"2025-05-01T14:25:59.000Z","size":6727,"stargazers_count":1550,"open_issues_count":28,"forks_count":99,"subscribers_count":43,"default_branch":"main","last_synced_at":"2025-05-09T14:06:11.861Z","etag":null,"topics":["atomic-css","atomizer","css","functional-css","utility-css"],"latest_commit_sha":null,"homepage":"https://acss-io.github.io/atomizer/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/acss-io.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":"docs/support.md","governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2014-10-01T21:35:27.000Z","updated_at":"2025-04-30T19:59:14.000Z","dependencies_parsed_at":"2023-10-20T16:09:15.920Z","dependency_job_id":"a1176efa-e0a6-4a62-a0f1-d282f03523e9","html_url":"https://github.com/acss-io/atomizer","commit_stats":{"total_commits":1206,"total_committers":54,"mean_commits":"22.333333333333332","dds":0.8175787728026533,"last_synced_commit":"51c64b7f634ae2018a11ad23a3d1c9251033e024"},"previous_names":[],"tags_count":124,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acss-io%2Fatomizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acss-io%2Fatomizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acss-io%2Fatomizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acss-io%2Fatomizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/acss-io","download_url":"https://codeload.github.com/acss-io/atomizer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254020630,"owners_count":22000755,"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":["atomic-css","atomizer","css","functional-css","utility-css"],"created_at":"2024-08-02T09:01:00.536Z","updated_at":"2025-05-13T20:13:59.199Z","avatar_url":"https://github.com/acss-io.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Official Links"],"sub_categories":[],"readme":"# Atomizer\n\nAtomizer is a tool that helps you create Atomic CSS rules ([acss.io](http://acss.io)).\n\nAtomic CSS is a collection of single purpose styling units for maximum reuse that fits well with components in templated frameworks such as [React](https://github.com/facebook/react), [Ember](https://github.com/emberjs/ember.js/) or [Angular](https://github.com/angular/angular.js). For more information we recommend that you read \"[Challenging CSS best practices](http://www.smashingmagazine.com/2013/10/21/challenging-css-best-practices-atomic-approach/)\", watch the Atomic CSS [presentation](https://www.youtube.com/watch?v=ojj_-6Xiud4), or [check this deck](https://www.haikudeck.com/atomic-css-science-and-technology-presentation-dJ0xlFjhBQ).\n\n## Info\n\nThis is a monorepo of the various Atomizer ecosystem packages.\n\n### Library\n\n-   Atomizer: The library source code is located in the `packages/atomizer` directory\n\n### Plugins\n\n-   Grunt : [grunt-atomizer](https://github.com/acss-io/atomizer/tree/main/packages/grunt-atomizer)\n-   Gulp : [gulp-atomizer](https://github.com/acss-io/gulp-atomizer)\n-   Metalsmith : [metalsmith-atomizer](https://github.com/tests-always-included/metalsmith-atomizer)\n-   Webpack : [webpack-atomizer-loader](https://github.com/acss-io/atomizer/tree/main/packages/webpack-atomizer-loader)\n-   Boot-clj : [boot-atomizer](https://github.com/azizzaeny/boot-atomizer)\n-   Ember : [ember-cli-atomizer](https://github.com/nag5000/ember-cli-atomizer)\n\n### Third Party Extensions\n\n#### For Chrome\n\n-   [Atomic CSS Dev Tools](https://chrome.google.com/webstore/detail/atomic-css-devtools/dpkcndhnanpdlppppalhnhfbokhicdmi/related?hl=en)\n-   [Web Maker](https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh?hl=en)\n-   [Atomic CSS Helper](https://chrome.google.com/webstore/detail/atomic-css-helper/gpickgadladepnjlmaipnekafhpmangd?hl=en)\n\n#### For VSCode\n\n-   [Atomic CSS Snippets](https://marketplace.visualstudio.com/items?itemName=acss-io.atomic-css-snippets) - Provides quick suggestions for Atomic CSS class names\n-   [Atomic-css-search](https://marketplace.visualstudio.com/items?itemName=ArvinH.atomic-css-search) - Search Atomic css right in your favorite editor.\n\n## Contributing\n\nPlease read through our [CONTRIBUTING.md](https://github.com/acss-io/atomizer/blob/main/CONTRIBUTING.md) and fill out an issue at [atomizer/issues](https://github.com/acss-io/atomizer/issues/new)!\n\n## License\n\nThis software is free to use under the Yahoo Inc. BSD license. See the [LICENSE file][] for license text and copyright information.\n\n[license file]: https://github.com/acss-io/atomizer/blob/main/LICENSE.md\n\nThird-party open source code used are listed in our [package.json file](https://github.com/acss-io/atomizer/blob/main/package.json).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facss-io%2Fatomizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Facss-io%2Fatomizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facss-io%2Fatomizer/lists"}