{"id":19425530,"url":"https://github.com/humanzstudioz/over-loaders","last_synced_at":"2025-04-24T16:31:38.601Z","repository":{"id":57316991,"uuid":"109474923","full_name":"humanzstudioz/over-loaders","owner":"humanzstudioz","description":"Animating loaders using only CSS","archived":false,"fork":false,"pushed_at":"2017-11-06T16:58:29.000Z","size":418,"stargazers_count":5,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-03T08:24:41.692Z","etag":null,"topics":["css","loaders","purecss","scss","spinners","stylesheets"],"latest_commit_sha":null,"homepage":null,"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/humanzstudioz.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}},"created_at":"2017-11-04T07:12:47.000Z","updated_at":"2022-09-19T06:40:31.000Z","dependencies_parsed_at":"2022-08-25T21:11:23.481Z","dependency_job_id":null,"html_url":"https://github.com/humanzstudioz/over-loaders","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humanzstudioz%2Fover-loaders","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humanzstudioz%2Fover-loaders/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humanzstudioz%2Fover-loaders/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humanzstudioz%2Fover-loaders/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/humanzstudioz","download_url":"https://codeload.github.com/humanzstudioz/over-loaders/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250663544,"owners_count":21467366,"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":["css","loaders","purecss","scss","spinners","stylesheets"],"created_at":"2024-11-10T14:03:54.728Z","updated_at":"2025-04-24T16:31:38.205Z","avatar_url":"https://github.com/humanzstudioz.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# over-loaders\nAnimating loaders using only CSS.\n\nThis is an easy way to add an overlay spinner on a DOM's object using simple classes. Helpful for showing loading animations while doing some Ajax/Axios/Pub-Sub calls.\n\n![over-loader example image (thin-spinner)](images/thin-spinner.gif?raw=true \"ThinSpinner\")\n\n## Installation\n- via npm\n`npm install over-loaders --save-dev`\n\n## Usage\n\n```html\n\u003cdiv class=\"over-loaders thin-spinner\"\u003e\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n\u003c/div\u003e\n```\nIn the above example `over-loaders` is a global library class, whereas `thin-spinner` class represents the type of the spinner/loader. For now there is only 1 spinner available. Lookin further for your suggestions.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhumanzstudioz%2Fover-loaders","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhumanzstudioz%2Fover-loaders","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhumanzstudioz%2Fover-loaders/lists"}