{"id":13397171,"url":"https://github.com/danielcardoso/load-awesome","last_synced_at":"2025-04-08T12:08:07.330Z","repository":{"id":31621870,"uuid":"35186945","full_name":"danielcardoso/load-awesome","owner":"danielcardoso","description":"An awesome collection of — Pure CSS — Loaders and Spinners","archived":false,"fork":false,"pushed_at":"2016-12-14T02:01:50.000Z","size":554,"stargazers_count":1024,"open_issues_count":11,"forks_count":151,"subscribers_count":22,"default_branch":"master","last_synced_at":"2025-04-01T10:17:42.849Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://github.danielcardoso.net/load-awesome/","language":"CSS","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/danielcardoso.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-05-06T22:54:27.000Z","updated_at":"2025-03-29T18:54:20.000Z","dependencies_parsed_at":"2022-08-02T15:30:58.655Z","dependency_job_id":null,"html_url":"https://github.com/danielcardoso/load-awesome","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danielcardoso%2Fload-awesome","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danielcardoso%2Fload-awesome/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danielcardoso%2Fload-awesome/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danielcardoso%2Fload-awesome/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/danielcardoso","download_url":"https://codeload.github.com/danielcardoso/load-awesome/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247415931,"owners_count":20935387,"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-30T18:01:12.119Z","updated_at":"2025-04-08T12:08:07.301Z","avatar_url":"https://github.com/danielcardoso.png","language":"CSS","funding_links":[],"categories":["CSS","Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# [Load Awesome](http://github.danielcardoso.net/load-awesome/)\n\n### An awesome collection of — Pure CSS — Loaders and Spinners\n\nA full suite of **53 animations** for websites,\ncreated and maintained by [Daniel Cardoso](http://www.danielcardoso.net).\n\n![Bower version](https://img.shields.io/bower/v/load-awesome.svg?style=flat-square)\n![Issues](https://img.shields.io/github/issues/danielcardoso/load-awesome.svg?style=flat-square)\n![License](https://img.shields.io/github/license/danielcardoso/load-awesome.svg?style=flat-square)\n[![devDependency Status](https://img.shields.io/david/dev/danielcardoso/load-awesome.svg?style=flat-square)](https://david-dm.org/danielcardoso/load-awesome#info=devDependencies)\n\n\n## Table of contents\n- [Browser Support](#browser-support)\n- [Quick start](#quick-start)\n- [Usage](#usage)\n- [Customising](#customising)\n- [Versioning](#versioning)\n- [Creator](#creator)\n- [License](#license)\n\n\n## Browser Support\n![Chrome](https://raw.github.com/alrra/browser-logos/master/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/firefox/firefox_48x48.png) | ![IE](https://raw.github.com/alrra/browser-logos/master/internet-explorer/internet-explorer_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/safari/safari_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/opera/opera_48x48.png)\n--- | --- | --- | --- | --- |\nLatest ✔ | Latest ✔ | 10+ ✔ | Latest ✔ | Latest ✔ |\n\n\n## Quick start\nSeveral quick start options are available:\n- [Download the latest release](https://github.com/danielcardoso/load-awesome/releases/latest)\n- Clone the repo: `git clone https://github.com/danielcardoso/load-awesome.git`\n- Install with [Bower](http://bower.io): `bower install load-awesome`\n\n\n## Usage\n#### Standard\n- Include specific css file (e.g. `ball-atom.css`)\n- Create an element and add the animation class (e.g. `\u003cdiv class=\"la-ball-atom\"\u003e\u003c/div\u003e`)\n- Insert the appropriate number of childrens `\u003cdiv\u003e`s into the previous element\n\n\n## Customising\n#### Changing all colors\nAdd styles to the main:\n``` css\n.la-ball-atom {\n    color: #79bbb5;\n}\n```\n\n\n\n#### Changing color of specific elements\nAdd styles to the correct child `div` elements:\n``` css\n.la-ball-atom \u003e div:nth-child(1) {\n    color: #f4696b;\n}\n.la-ball-atom \u003e div:nth-child(2) {\n    color: #87c4a3;\n}\n.la-ball-atom \u003e div:nth-child(3) {\n    color: #fec54f;\n}\n```\n\n\n## Versioning\nLoad Awesome will be maintained under the Semantic Versioning guidelines.\nReleases will be numbered with the following format:\n\n`\u003cmajor\u003e.\u003cminor\u003e.\u003cpatch\u003e`\n\nFor more information on SemVer, please visit http://semver.org.\n\n\n## Creator\n#### [Daniel Cardoso](http://www.danielcardoso.net)\n- [@Twitter](https://twitter.com/DanielCardoso)\n- [@GitHub](https://github.com/DanielCardoso)\n\n\n## License\n#### The MIT License (MIT)\nCopyright (c) 2015 DanielCardoso.net\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanielcardoso%2Fload-awesome","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdanielcardoso%2Fload-awesome","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanielcardoso%2Fload-awesome/lists"}