{"id":20527879,"url":"https://github.com/gabrielbs/react-placeholder-loading","last_synced_at":"2025-07-08T16:33:57.077Z","repository":{"id":41896228,"uuid":"229131170","full_name":"gabrielbs/react-placeholder-loading","owner":"gabrielbs","description":"A simple component to create loading placeholders without write any SVG line","archived":false,"fork":false,"pushed_at":"2024-09-12T00:51:00.000Z","size":2393,"stargazers_count":13,"open_issues_count":3,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-27T18:21:31.472Z","etag":null,"topics":["loading-indicator","react","react-loadingoverlay","reactjs","skeleton-loading","svg","ui-components"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/react-placeholder-loading","language":"TypeScript","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/gabrielbs.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":"2019-12-19T20:12:01.000Z","updated_at":"2024-03-04T19:03:56.000Z","dependencies_parsed_at":"2024-06-18T21:32:02.935Z","dependency_job_id":"73634e14-5f7d-4060-b416-6ff6603c9033","html_url":"https://github.com/gabrielbs/react-placeholder-loading","commit_stats":{"total_commits":39,"total_committers":3,"mean_commits":13.0,"dds":0.3589743589743589,"last_synced_commit":"fa33ecbfb274b9ce9b91979269d09d514c773d1d"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gabrielbs%2Freact-placeholder-loading","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gabrielbs%2Freact-placeholder-loading/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gabrielbs%2Freact-placeholder-loading/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gabrielbs%2Freact-placeholder-loading/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gabrielbs","download_url":"https://codeload.github.com/gabrielbs/react-placeholder-loading/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248821705,"owners_count":21166941,"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":["loading-indicator","react","react-loadingoverlay","reactjs","skeleton-loading","svg","ui-components"],"created_at":"2024-11-15T23:21:07.830Z","updated_at":"2025-04-14T04:31:37.253Z","avatar_url":"https://github.com/gabrielbs.png","language":"TypeScript","readme":"\n\u003cp align=\"center\"\u003eA simple component to create loading placeholders without write any SVG line\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/gabrielbs/react-placeholder-loading/blob/master/example/shapes-example.gif\"\u003e\n\u003c/p\u003e\n\n## Instalation\n\n```\nnpm i react-placeholder-loading --save\n```\n\n## Usage\n\n```jsx\nimport PlaceholderLoading from 'react-placeholder-loading'\n\nconst Example = () =\u003e (\n  \u003cPlaceholderLoading shape=\"circle\" width={60} height={60} /\u003e\n)\n```\n\n\n## Props\n - shape: *'rect' | 'circle'*\n - width: *number*\n - height: *number*\n - colorStart?: *string*\n - colorEnd?: *string*\n\n ## Inspiration\n\nThis component was created inspired by https://github.com/danilowoz/react-content-loader. If you want to have more flexibility creating  your own SVGs or even using some preseted ones, this is the one.\n\nThis lib was built for you that just dont want to concern about SVG syntax right now.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgabrielbs%2Freact-placeholder-loading","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgabrielbs%2Freact-placeholder-loading","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgabrielbs%2Freact-placeholder-loading/lists"}