{"id":13516823,"url":"https://github.com/milesmcc/a17t","last_synced_at":"2025-05-16T13:06:57.451Z","repository":{"id":42672702,"uuid":"249603793","full_name":"milesmcc/a17t","owner":"milesmcc","description":"An atomic design toolkit for pragmatists","archived":false,"fork":false,"pushed_at":"2024-08-01T23:28:58.000Z","size":3106,"stargazers_count":499,"open_issues_count":3,"forks_count":17,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-05-09T14:18:18.591Z","etag":null,"topics":["atomic-design","components","css","css3","design","framework","postcss","tailwindcss","ui-components"],"latest_commit_sha":null,"homepage":"https://a17t.miles.land","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/milesmcc.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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-03-24T03:28:53.000Z","updated_at":"2025-04-17T18:05:18.000Z","dependencies_parsed_at":"2024-11-14T14:34:27.891Z","dependency_job_id":"8bf36a8d-2c7b-4ac7-9a0c-991f9357ebf4","html_url":"https://github.com/milesmcc/a17t","commit_stats":{"total_commits":329,"total_committers":10,"mean_commits":32.9,"dds":0.5896656534954408,"last_synced_commit":"735a0ebbf1f236a7fbeee23ebf5c65724e547992"},"previous_names":[],"tags_count":19,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/milesmcc%2Fa17t","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/milesmcc%2Fa17t/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/milesmcc%2Fa17t/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/milesmcc%2Fa17t/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/milesmcc","download_url":"https://codeload.github.com/milesmcc/a17t/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254535829,"owners_count":22087399,"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-design","components","css","css3","design","framework","postcss","tailwindcss","ui-components"],"created_at":"2024-08-01T05:01:26.252Z","updated_at":"2025-05-16T13:06:57.427Z","avatar_url":"https://github.com/milesmcc.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","📦 Legacy \u0026 Inactive Projects"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ch3 align=\"center\"\u003e\u003cimg src=\"docs/assets/logo.png\" height=\"75\"\u003e\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    \u003cbr\u003e\n    An atomic design toolkit for pragmatists.\n    \u003cbr\u003e\n    \u003ci\u003eA Tailwind CSS plugin.\u003c/i\u003e\n    \u003cbr\u003e\n    \u003ca href=\"https://a17t.miles.land\"\u003e\u003cstrong\u003eDiscover a17t »\u003c/strong\u003e\u003c/a\u003e\n    \u003cbr\u003e\n    \u003cbr\u003e\n    \u003ca href=\"https://a17t.miles.land/#concepts\"\u003eConcepts\u003c/a\u003e\n    \u0026bull;\n    \u003ca href=\"https://www.jsdelivr.com/package/npm/a17t\"\u003eCDN\u003c/a\u003e\n    \u0026bull;\n    \u003ca href=\"https://miles.land/officehours/\"\u003eOffice Hours\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/p\u003e\n\n## Installation\na17t is available on [NPM](https://www.npmjs.com/package/a17t), and can be installed with `npm install a17t` and installed in Tailwind by adding `require(\"a17t\")` to the `plugins` section of your `tailwind.config.js` file. For more information, check out the [documentation site](https://a17t.miles.land).\n\n## Overview\n\n**Build beautiful, unique interfaces without reinventing the wheel. Let a17t provide the core building blocks, then customize with ease.**\n\n```html\n\u003carticle class=\"card ~positive @high\"\u003e\n  \u003c!-- ~positive is for tone; @high is for priority --\u003e\n  \n  \u003cb\u003eCongratulations!\u003c/b\u003e\n  You're using a17t to build a beautiful interface.\n  \n  \u003cbutton class=\"button\"\u003eLet's go!\u003c/button\u003e\n  \n\u003c/article\u003e\n```\n\n[View the full documentation \u0026rarr;](https://a17t.miles.land)\n\nSome CSS frameworks come prepackaged with all sorts of components that are convenient at first but quickly become limiting. Utility frameworks like Tailwind are awesome, but can be difficult start using on their own.\n\na17t tries to get the balance right. Instead of providing all-inclusive, opinionated components (like jumbotrons, navbars, and menus), a17t provides common single-class elements in a default (but easily customizable) style. And it's a Tailwind plugin, so it'll integrate into your project seamlessly.\n\n## Getting Started\nWant to jump right in? **Check out the [documentation site](https://a17t.miles.land) to get started.** Here are links to some popular elements:\n\n* **Buttons** available [here](https://a17t.miles.land/interaction/button).\n* **Cards** available [here](https://a17t.miles.land/layout/card).\n* **Fields** available [here](https://a17t.miles.land/interaction/field).\n* **Content** available [here](https://a17t.miles.land/typography/content).\n\n\n## Documentation\na17t loves documentation. There's nearly 100% documentation coverage! View it [online](https://a17t.miles.land) or in the [docs folder](docs/).\n\n---\n\na17t was created by [Miles McCain](https://rmrm.io) at the [Recurse Center](https://recurse.com).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmilesmcc%2Fa17t","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmilesmcc%2Fa17t","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmilesmcc%2Fa17t/lists"}