{"id":22447356,"url":"https://github.com/marketingpipeline/github-buttons-web-component","last_synced_at":"2026-04-13T23:32:45.695Z","repository":{"id":110279541,"uuid":"528694417","full_name":"MarketingPipeline/GitHub-Buttons-Web-Component","owner":"MarketingPipeline","description":"GitHub Buttons as a web component - show off your stars, followers \u0026 more! ⭐","archived":false,"fork":false,"pushed_at":"2022-09-14T08:12:05.000Z","size":102,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-08T06:40:42.641Z","etag":null,"topics":["css","frontend","gh-buttons","github","github-api","github-button","github-buttons","html","javascript","stargazers-count","web-component","web-components","webcomponent","webcomponents"],"latest_commit_sha":null,"homepage":"https://marketingpipeline.github.io/GitHub-Buttons-Web-Component/","language":"JavaScript","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/MarketingPipeline.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,"zenodo":null}},"created_at":"2022-08-25T04:33:10.000Z","updated_at":"2022-08-30T07:41:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"bb97d893-e2d7-4515-9769-cad8fe7bd4a9","html_url":"https://github.com/MarketingPipeline/GitHub-Buttons-Web-Component","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/MarketingPipeline/GitHub-Buttons-Web-Component","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FGitHub-Buttons-Web-Component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FGitHub-Buttons-Web-Component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FGitHub-Buttons-Web-Component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FGitHub-Buttons-Web-Component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MarketingPipeline","download_url":"https://codeload.github.com/MarketingPipeline/GitHub-Buttons-Web-Component/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FGitHub-Buttons-Web-Component/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31775813,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T20:17:16.280Z","status":"ssl_error","status_checked_at":"2026-04-13T20:17:08.216Z","response_time":93,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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","frontend","gh-buttons","github","github-api","github-button","github-buttons","html","javascript","stargazers-count","web-component","web-components","webcomponent","webcomponents"],"created_at":"2024-12-06T04:16:09.846Z","updated_at":"2026-04-13T23:32:45.687Z","avatar_url":"https://github.com/MarketingPipeline.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# GitHub-Buttons-Web-Component\n\n\u003cp align=\"center\"\u003e\n  \u003cimg height=\"400\" src=\"https://user-images.githubusercontent.com/86180097/187365958-218d0b59-9ca1-4650-b7b7-c82ea67080b1.png\" /\u003e\n\u003c/p\u003e\n                                                                     \n\n\n   \u003cp align=\"center\"\u003e\n    GitHub Buttons as a web component to show off your stars, followers \u0026 more!\n\n  \n  \u003cbr\u003e\n  \u003csmall\u003e \u003cb\u003e\u003ci\u003eShow your support!\u003c/i\u003e \u003c/b\u003e\u003c/small\u003e\n  \u003cbr\u003e\n   \u003ca href=\"https://github.com/MarketingPipeline/GitHub-Buttons-Web-Component\"\u003e\n    \u003cimg title=\"Star on GitHub\" src=\"https://img.shields.io/github/stars/MarketingPipeline/GitHub-Buttons-Web-Component.svg?style=social\u0026label=Star\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/MarketingPipeline/GitHub-Buttons-Web-Component/fork\"\u003e\n    \u003cimg title=\"Fork on GitHub\" src=\"https://img.shields.io/github/forks/MarketingPipeline/GitHub-Buttons-Web-Component.svg?style=social\u0026label=Fork\"\u003e\n  \u003c/a\u003e\n   \u003c/p\u003e  \n   \n   \n\u003e Note: contributor \u0026 pull request counts etc are currently not accurate. If you are a JavaScript developer \u0026 would like to address a fix for this see the [to-do](.github/TO-DO.md)\n\n## Example and Usage\n\nYou can view a demo of the GitHub Buttons web component [here](https://marketingpipeline.github.io/GitHub-Buttons-Web-Component/)\n\n\nHow to use \u003cb\u003e\u003ci\u003eGitHub Buttons\u003c/b\u003e\u003c/i\u003e:\n\n   include this [script](https://github.com/MarketingPipeline/GitHub-Buttons-Web-Component/blob/main/version/1.0.0/src/github-buttons-wc.js) in your HTML document.\n         \n    \u003cscript src=\"https://cdn.jsdelivr.net/gh/MarketingPipeline/GitHub-Buttons-Web-Component/version/1.0.0/src/github-buttons-wc.js\" defer\u003e\u003c/script\u003e    \n\n\n\n### How to show Star Button\n\n    \u003cgithub-button repo=\"MarketingPipeline/Markdown-Tag\"\u003e\u003c/github-button\u003e\n \n \n### How to show Watch Button\n \n    \u003cgithub-button type=\"watch\" repo=\"MarketingPipeline/Markdown-Tag\"\u003e\u003c/github-button\u003e\n\n\n### How to show Fork Button\n\n    \u003cgithub-button type=\"fork\" repo=\"MarketingPipeline/Markdown-Tag\"\u003e\u003c/github-button\u003e\n\n\n\n### How to show Followers Button\n\n    \u003cgithub-button type=\"followers\" repo=\"MarketingPipeline\"\u003e\u003c/github-button\u003e\n\n\n\n### How to show Sponsor Button\n\n    \u003cgithub-button type=\"sponsor\" repo=\"MarketingPipeline\"\u003e\u003c/github-button\u003e\n\n\n### How to show Pull Requests Button\n\n    \u003cgithub-button type=\"pulls\" repo=\"MarketingPipeline/Markdown-Tag\"\u003e\u003c/github-button\u003e\n\n\n### How to show Issues Button\n\n    \u003cgithub-button type=\"issues\" repo=\"MarketingPipeline/Markdown-Tag\"\u003e\u003c/github-button\u003e\n        \n\n### How to show Custom Button\n\n    \u003cgithub-button type=\"custom\" text=\"My super awesome custom button\"\u003e\u003c/github-button\u003e\n\n\n## Options\n\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003cth\u003eAttribute\u003c/th\u003e\n\u003cth\u003eMeaning\u003c/th\u003e\n\u003cth\u003eDefault\u003c/th\u003e\n\u003cth\u003eRequired\u003c/th\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003erepo\u003c/td\u003e\n \u003ctd\u003e Your GitHub username + repo or GitHub Profile \u003cb\u003e(Not Required For Custom Button)\u003c/b\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003eUndefined\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eYes\u003c/td\u003e\n\u003c/tr\u003e\n\n\n\u003ctr\u003e\n\u003ctd\u003etype\u003c/td\u003e\n              \u003ctd\u003eThe type of button to show \u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003eStar Count\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eNo\u003c/td\u003e\n\u003c/tr\u003e\n\n\n\n\n\u003ctr\u003e\n\u003ctd\u003eicon\u003c/td\u003e\n\u003ctd\u003eThe icon to use in the button \u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003eGitHub Icon\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eNo\u003c/td\u003e\n\u003c/tr\u003e\n\n\n\u003ctr\u003e\n\u003ctd\u003ehref\u003c/td\u003e\n\u003ctd\u003eThe href / link for the button\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003eDefined by Type\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eNo\u003c/td\u003e\n\u003c/tr\u003e\n\n\n\u003ctr\u003e\n\u003ctd\u003enew-window\u003c/td\u003e\n\u003ctd\u003eIf                    \u003ccode\u003eTrue\u003c/code\u003e, button link will open in a new window\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003eFalse\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eNo\u003c/td\u003e\n\u003c/tr\u003e\n\n\n \n\u003ctr\u003e\n\u003ctd\u003etext\u003c/td\u003e\n\u003ctd\u003eText to show \u003cb\u003e(Custom Button's Have No Default Text)\u003c/b\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003eDefined by Type\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eNo\u003c/td\u003e\n\u003c/tr\u003e\n\n\n\n\n\n\u003c/table\u003e\n\n\n\n\n## Contributing ![GitHub](https://img.shields.io/github/contributors/MarketingPipeline/GitHub-Buttons-Web-Component)\n\nWant to improve this? Create a pull request with detailed changes / improvements! If approved you will be added to the list of contributors of this awesome project!\n\n\nSee also the list of\n[contributors](https://github.com/MarketingPipeline/GitHub-Buttons-Web-Component/graphs/contributors) who\nparticipate in this project.\n\n## License ![GitHub](https://img.shields.io/github/license/MarketingPipeline/GitHub-Buttons-Web-Component)\n\nThis project is licensed under the MIT License - see the\n[LICENSE.md](https://github.com/MarketingPipeline/GitHub-Buttons-Web-Component/blob/main/LICENSE) file for\ndetails.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarketingpipeline%2Fgithub-buttons-web-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarketingpipeline%2Fgithub-buttons-web-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarketingpipeline%2Fgithub-buttons-web-component/lists"}