{"id":13700284,"url":"https://github.com/webkul/csspin","last_synced_at":"2025-04-08T12:09:30.119Z","repository":{"id":57210970,"uuid":"74116759","full_name":"webkul/csspin","owner":"webkul","description":"CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code for Pure CSS Loader and Spinner","archived":false,"fork":false,"pushed_at":"2019-10-08T18:06:28.000Z","size":41,"stargazers_count":1039,"open_issues_count":3,"forks_count":116,"subscribers_count":38,"default_branch":"master","last_synced_at":"2025-04-01T11:07:58.408Z","etag":null,"topics":["css","less","library","loader","modular","spinner"],"latest_commit_sha":null,"homepage":"https://webkul.github.io/csspin/","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/webkul.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-11-18T09:47:39.000Z","updated_at":"2025-02-22T07:30:42.000Z","dependencies_parsed_at":"2022-08-30T14:51:24.566Z","dependency_job_id":null,"html_url":"https://github.com/webkul/csspin","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webkul%2Fcsspin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webkul%2Fcsspin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webkul%2Fcsspin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webkul%2Fcsspin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webkul","download_url":"https://codeload.github.com/webkul/csspin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247838444,"owners_count":21004580,"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","less","library","loader","modular","spinner"],"created_at":"2024-08-02T20:00:53.102Z","updated_at":"2025-04-08T12:09:30.100Z","avatar_url":"https://github.com/webkul.png","language":"CSS","readme":"# CSSPIN\nCSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code.   \n\nCSSPIN Library has a different set of interactive Pure CSS Loaders and Spinners which are built on the top of LESS Preprocessor. Individual Pure CSS Loader or Spinner can be easily customized and can be embedded with Single HTML Element in your next Dev Project.\n\n## Demo\nCheck out [Spinners in Motion](https://webkul.github.io/csspin/)\n\n## Project Using CSSPIN\n[Opencart Point of Sale](http://oc-demo.webkul.com/pos/wkpos/)\n\n## Installation\nInstall CSSPIN with **npm** or **Bower** Package Manager     \n```\nnpm install csspin\n```\n\n```\nbower install csspin\n```\n[![CSSPIN Video](http://webkul.com/blog/wp-content/uploads/2016/12/csspin-video.png)](https://youtu.be/18uY-YueJeI)\n\n## Less File Structure \n```\n./less/\n  ... _globals.less   \n  ... _round.less   \n  ... csspin-xxxx.less   \n  ... csspin.less   \n```\n\n## How Less Stucture Works?   \n* Less files ```with _``` are partials and have actual magic  \n* Less files ```without _``` only imports partials   \n* Less files named ```csspin-xxxx.less``` imports ```_globals.less``` and respective ```_partial.less```   \n* Less files named ```csspin-xxxx.less``` acts as an individual module and can be compiled to ```css/csspin-xxxx.css``` for individual use   \n* Less file named ```csspin.less``` imports all the partials and is compiled to ```csspin.css```  \n\n## CSS File Structure   \n```\n./css/    \n  ... csspin-xxxx.css \n./csspin.css  \n```\n\n## How CSS Structure Works?   \n* CSS File named ```csspin.css``` consists CSS of all the spinners\n* CSS File named ```csspin-xxxx.css``` consists CSS of respective spinners\n\n## Credits\nCrafted with :heart: at [Webkul UXlab](http://design.webkul.com)\n","funding_links":[],"categories":["CSS","Uncategorized","Frameworks / Resources"],"sub_categories":["Uncategorized","C"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebkul%2Fcsspin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebkul%2Fcsspin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebkul%2Fcsspin/lists"}