{"id":20503610,"url":"https://github.com/withaarzoo/pencil-loader","last_synced_at":"2025-06-22T19:06:05.840Z","repository":{"id":88119995,"uuid":"604535510","full_name":"withaarzoo/Pencil-Loader","owner":"withaarzoo","description":null,"archived":false,"fork":false,"pushed_at":"2023-02-21T09:15:10.000Z","size":4,"stargazers_count":8,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-22T19:05:09.800Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/withaarzoo.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,"governance":null,"roadmap":null,"authors":null}},"created_at":"2023-02-21T09:09:43.000Z","updated_at":"2023-02-23T06:32:25.000Z","dependencies_parsed_at":"2023-05-18T09:15:12.112Z","dependency_job_id":null,"html_url":"https://github.com/withaarzoo/Pencil-Loader","commit_stats":null,"previous_names":["withaarzoo/pencil-loader"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/withaarzoo/Pencil-Loader","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/withaarzoo%2FPencil-Loader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/withaarzoo%2FPencil-Loader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/withaarzoo%2FPencil-Loader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/withaarzoo%2FPencil-Loader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/withaarzoo","download_url":"https://codeload.github.com/withaarzoo/Pencil-Loader/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/withaarzoo%2FPencil-Loader/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261348641,"owners_count":23145308,"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-11-15T19:32:57.749Z","updated_at":"2025-06-22T19:06:00.830Z","avatar_url":"https://github.com/withaarzoo.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pencil Loader\nThis is an HTML and CSS code for a pencil loader animation. The loader consists of a pencil with three different-colored circular bodies, an eraser, and a point.\n\n## Prerequisites\nTo run this code, you will need a web browser that supports SVGs.\n\n## Installing\nYou can download the source code directly or clone the repository using the following command:\n\n``` bash\ngit clone https://github.com/Aarzoo75/Pencil-Loader.git\n```\n\n## Usage\nTo use the pencil loader, simply open the index.html file in your web browser. You can also copy and paste the code into your own HTML and CSS files and modify it as necessary.\n\n## Customization\nYou can customize the size of the loader by modifying the width and height properties in the .pencil CSS class. You can also change the colors of the loader by modifying the stroke and fill properties in the .pencil__body1, .pencil__body2, .pencil__body3, .pencil__eraser-skew, .pencil__point, and .pencil__stroke CSS classes.\n\n## Preview\n\u003cimg width=\"960\" alt=\"Screenshot_20230221_143912\" src=\"https://user-images.githubusercontent.com/59678435/220301157-f109c929-4fe7-4d5e-b675-188c34a8f3b1.png\"\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwithaarzoo%2Fpencil-loader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwithaarzoo%2Fpencil-loader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwithaarzoo%2Fpencil-loader/lists"}