{"id":18997523,"url":"https://github.com/vedanthb/argon-css-library","last_synced_at":"2026-04-17T06:30:20.304Z","repository":{"id":43753803,"uuid":"453161883","full_name":"VedanthB/argon-css-library","owner":"VedanthB","description":"Argon CSS. A utility-first CSS framework that can be composed to build any design, directly in your markup. ","archived":false,"fork":false,"pushed_at":"2022-06-08T19:01:17.000Z","size":8530,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-01-01T17:13:17.074Z","etag":null,"topics":["component-library","css-framework","utility-library"],"latest_commit_sha":null,"homepage":"https://argon-css.netlify.app/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/VedanthB.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-01-28T17:44:07.000Z","updated_at":"2022-02-13T13:07:03.000Z","dependencies_parsed_at":"2022-08-21T20:20:27.126Z","dependency_job_id":null,"html_url":"https://github.com/VedanthB/argon-css-library","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VedanthB%2Fargon-css-library","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VedanthB%2Fargon-css-library/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VedanthB%2Fargon-css-library/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VedanthB%2Fargon-css-library/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VedanthB","download_url":"https://codeload.github.com/VedanthB/argon-css-library/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240014004,"owners_count":19734178,"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":["component-library","css-framework","utility-library"],"created_at":"2024-11-08T17:41:33.938Z","updated_at":"2026-04-17T06:30:20.215Z","avatar_url":"https://github.com/VedanthB.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n## Argon CSS. A Utility first css framework.\n\nA utility-first CSS framework packed with classes like `flex`,`flex-col`, `w-10`,`pt-4`,`justify-center`and `bg-cyan-500` that can be composed to build any design, directly in your markup.\nEven with the same color palette and sizing scale, it's easy to build the same component with a completely different look in the next project.\n\n\n## 🚅  Usage\n\n**Getting started**\n\n```html\n    # add in the head of the html\n      \u003clink rel=\"stylesheet\" href=\"https://argon-css.netlify.app/components/index.css\"\u003e\n```\n\n\n## Tech Stack\n\nHTML5, CSS, JavaScript\n\n\n\n\n## Features\n\n- 20+ color pallets\n- Consistent spacing\n- Utility first classes\n\n**Components**\n\n- Alert\n- Avatar\n- Badge\n- Button\n- Cards\n- Image\n- Input\n- Lists\n- Navigation\n- Modal\n- Star Ratings\n- SnackBar\n- Tooltip\n- Image Slider \n- Dropdown Select \n- Range Slider\n\n**Other Utilities**\n\n- Grid System \n- Animations \n- Effects\n- Typography\n \n\n## Screenshots\n\n![Screenshot 2022-02-21 at 7 41 32 PM](https://user-images.githubusercontent.com/75097551/154971803-5a455706-d5f7-484f-944e-a9c7f9dd24c4.png)\n  \n![Screenshot 2022-02-21 at 7 42 13 PM](https://user-images.githubusercontent.com/75097551/154971690-d187d0ff-9d46-43d9-88fb-1060fbf4d4ec.png)\n\n![Screenshot 202![Screenshot 2022-02-21 at 7 42 23 PM](https://user-images.githubusercontent.com/75097551/154971740-a8e22189-e994-49c8-bede-fab4b05bcd64.png)\n2-02-21 at 7 42 03 PM](https://user-images.githubusercontent.com/75097551/154971702-e68c97bf-26c4-492d-9df8-f8265e4411c7.png)\n\n![Screenshot 2022-02-21 at 7 41 52 PM](https://user-images.githubusercontent.com/75097551/154971728-fa2028f6-2f68-4c05-b16f-3699c4978990.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvedanthb%2Fargon-css-library","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvedanthb%2Fargon-css-library","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvedanthb%2Fargon-css-library/lists"}