{"id":13709463,"url":"https://github.com/Dhyeythumar/youtube-stats-card","last_synced_at":"2025-05-06T16:31:48.634Z","repository":{"id":46025939,"uuid":"318728787","full_name":"dhyeythumar/youtube-stats-card","owner":"dhyeythumar","description":"🚀  Dynamic YouTube Stats Card for your github readmes \u0026 websites.","archived":false,"fork":false,"pushed_at":"2021-12-13T03:47:47.000Z","size":186,"stargazers_count":17,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-08-03T23:15:48.362Z","etag":null,"topics":["batches","channel-card","dynamic","serverless","stats","video-card","youtube-api-v3","youtube-stats","youtube-stats-card","youtubers"],"latest_commit_sha":null,"homepage":"https://youtube-stats-card.vercel.app/api?channelid=UCpKizIKSk8ga_LCI3e3GUig\u0026layout=center\u0026theme=dark_pink","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/dhyeythumar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"code-of-conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-12-05T07:26:33.000Z","updated_at":"2024-05-22T15:48:08.000Z","dependencies_parsed_at":"2022-09-21T02:54:13.305Z","dependency_job_id":null,"html_url":"https://github.com/dhyeythumar/youtube-stats-card","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhyeythumar%2Fyoutube-stats-card","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhyeythumar%2Fyoutube-stats-card/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhyeythumar%2Fyoutube-stats-card/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhyeythumar%2Fyoutube-stats-card/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dhyeythumar","download_url":"https://codeload.github.com/dhyeythumar/youtube-stats-card/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224513349,"owners_count":17323794,"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":["batches","channel-card","dynamic","serverless","stats","video-card","youtube-api-v3","youtube-stats","youtube-stats-card","youtubers"],"created_at":"2024-08-02T23:00:39.585Z","updated_at":"2025-05-06T16:31:48.629Z","avatar_url":"https://github.com/dhyeythumar.png","language":"JavaScript","funding_links":[],"categories":["Statistical Tools (Widgets)"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg width=\"130px\" src=\"https://raw.githubusercontent.com/dhyeythumar/impression/master/youtube_stats_card_assets/icon.svg\" align=\"center\" alt=\"YouTube Stats Card\" /\u003e\n    \u003ch2 align=\"center\"\u003eYouTube Stats Card\u003c/h2\u003e\n    \u003cp align=\"center\"\u003eGet dynamically generated YouTube Stats Cards for your github readmes \u0026amp; websites!\u003c/p\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://youtube-stats-card.vercel.app/api?channelid=UCpKizIKSk8ga_LCI3e3GUig\u0026layout=center\u0026cache_seconds=14400\"\u003eView Demo\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/Dhyeythumar/youtube-stats-card/issues/new/choose\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/Dhyeythumar/youtube-stats-card/issues/new/choose\"\u003eRequest Feature\u003c/a\u003e\n\u003c/p\u003e\n\n## What’s In This Document\n\n-   [YouTube Channel Stats Card](#youtube-channel-stats-card)\n    -   [Usage](#channel-usage)\n    -   [Layout Demos](#channel-layout-demos)\n    -   [Customization](#channel-customization)\n    -   [Overview](#channel-overview)\n-   [YouTube Video Stats Card](#youtube-video-stats-card)\n    -   [Usage](#video-usage)\n    -   [Layout Demos](#video-layout-demos)\n    -   [Customization](#video-customization)\n    -   [Overview](#video-overview)\n-   [Contribution](./CONTRIBUTING.md)\n-   [Support the project](#support-the-project)\n-   [License](#license)\n-   [Acknowledgements](#acknowledgements)\n\n## YouTube Channel Stats Card\n\n#### **\u003cp id=\"channel-usage\"\u003eUsage\u003c/p\u003e**\n\n```md\n[![Dhyey's youtube stats](https://youtube-stats-card.vercel.app/api?channelid=UCpKizIKSk8ga_LCI3e3GUig)](https://www.youtube.com/channel/UCpKizIKSk8ga_LCI3e3GUig)\n```\n\nChange the `?channelid=` value to your YouTube Channel ID.\n\n**[Check out this](https://github.com/Dhyeythumar/youtube-stats-card/discussions/1) to get your youtube channel id.**\n\n#### **\u003cp id=\"channel-layout-demos\"\u003eLayout Demos\u003c/p\u003e**\n\n_Below layouts uses default parameters_\\*\n\n|              Layouts              |                                                                                                          Preview                                                                                                          |\n| :-------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |\n|          Default Layout           |         [![Dhyey's youtube stats](https://youtube-stats-card.vercel.app/api?channelid=UCpKizIKSk8ga_LCI3e3GUig\u0026cache_seconds=86400)](https://www.youtube.com/channel/UCpKizIKSk8ga_LCI3e3GUig?sub_confirmation=1)         |\n|  Center Layout `\u0026layout=center`   |  [![Dhyey's youtube stats](https://youtube-stats-card.vercel.app/api?channelid=UCpKizIKSk8ga_LCI3e3GUig\u0026layout=center\u0026cache_seconds=86400)](https://www.youtube.com/channel/UCpKizIKSk8ga_LCI3e3GUig?sub_confirmation=1)  |\n| Exruded Layout `\u0026layout=extruded` | [![Dhyey's youtube stats](https://youtube-stats-card.vercel.app/api?channelid=UCpKizIKSk8ga_LCI3e3GUig\u0026layout=extruded\u0026cache_seconds=86400)](https://www.youtube.com/channel/UCpKizIKSk8ga_LCI3e3GUig?sub_confirmation=1) |\n\n#### **\u003cp id=\"channel-customization\"\u003eCustomization\u003c/p\u003e**\n\n_All the Customizations are applied to the default layout_\\*\n\n|                                             Parameters                                              |                                                                                                                                     Preview                                                                                                                                      |\n| :-------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |\n|                                    Hide Icons `\u0026hide_icons=true`                                    |                            [![Dhyey's youtube stats](https://youtube-stats-card.vercel.app/api?channelid=UCpKizIKSk8ga_LCI3e3GUig\u0026hide_icons=true\u0026cache_seconds=86400)](https://www.youtube.com/channel/UCpKizIKSk8ga_LCI3e3GUig?sub_confirmation=1)                             |\n|                                     Hide Logo `\u0026hide_logo=true`                                     |                             [![Dhyey's youtube stats](https://youtube-stats-card.vercel.app/api?channelid=UCpKizIKSk8ga_LCI3e3GUig\u0026hide_logo=true\u0026cache_seconds=86400)](https://www.youtube.com/channel/UCpKizIKSk8ga_LCI3e3GUig?sub_confirmation=1)                             |\n|                                   Color Theme `\u0026theme=THEME_NAME`                                   |                            [![Dhyey's youtube stats](https://youtube-stats-card.vercel.app/api?channelid=UCpKizIKSk8ga_LCI3e3GUig\u0026theme=dark_pink\u0026cache_seconds=86400)](https://www.youtube.com/channel/UCpKizIKSk8ga_LCI3e3GUig?sub_confirmation=1)                             |\n|                                   Hide Border `\u0026hide_border=true`                                   |                            [![Dhyey's youtube stats](https://youtube-stats-card.vercel.app/api?channelid=UCpKizIKSk8ga_LCI3e3GUig\u0026hide_border=true\u0026cache_seconds=86400)](https://www.youtube.com/channel/UCpKizIKSk8ga_LCI3e3GUig?sub_confirmation=1)                            |\n| Manual Color Theme `\u0026title_color=cbf7db\u0026icon_color=99ffbe`\u003cbr/\u003e`\u0026text_color=fffefe\u0026bg_color=40423e` | [![Dhyey's youtube stats](https://youtube-stats-card.vercel.app/api?channelid=UCpKizIKSk8ga_LCI3e3GUig\u0026title_color=cbf7db\u0026icon_color=99ffbe\u0026text_color=fffefe\u0026bg_color=40423e\u0026cache_seconds=86400)](https://www.youtube.com/channel/UCpKizIKSk8ga_LCI3e3GUig?sub_confirmation=1) |\n|                           Custom Title `custom_title=My%20Channel%20Name`                           |                [![Dhyey's youtube stats](https://youtube-stats-card.vercel.app/api?channelid=UCpKizIKSk8ga_LCI3e3GUig\u0026custom_title=My%20Channel%20Name%20Here\u0026cache_seconds=86400)](https://www.youtube.com/channel/UCpKizIKSk8ga_LCI3e3GUig?sub_confirmation=1)                 |\n\n[Check all the available color themes here](./themes/README.md) or checkout the [theme config file](./themes/index.js) \u0026 you can also contribute new themes if you like 🙂.\n\n#### **\u003cp id=\"channel-overview\"\u003eOverview\u003c/p\u003e**\n\nYou can customize the appearance of your `Channel Stats Card` with following URL params:\n\n-   `hide_icons` - Hide the icons from channel card _(boolean)_\n-   `hide_logo` - Hide the logo from channel card _(boolean)_\n-   `theme` - Name of the theme, choose from [all available themes](./themes/README.md)\n-   `hide_border` - Hides the card's border _(boolean)_\n-   `title_color` - Card's title color _(hex color)_\n-   `text_color` - Body text color _(hex color)_\n-   `icon_color` - Icons color if available _(hex color)_\n-   `bg_color` - Card's background color _(hex color)_\n-   `custom_title` - Add custom title to the channel card **_(use %20 to add space)_**\n-   `cache_seconds` - set the cache header manually _(min: 1800, max: 86400)_\n\n\u003e Note on cache: All cards have a default cache of 2 hours (7200 seconds). Also, note that the cache is clamped to a minimum of 2 hours and a maximum of 24 hours.\n\n\u003cp style=\"font-weigth:700; font-size:18px;color:\" align=\"center\"\u003e\n\u003cbr/\u003e\u0026bull; \u0026bull; \u0026bull; \u0026bull;\n\u003c/p\u003e\n\n## YouTube Video Stats Card\n\n#### **\u003cp id=\"video-usage\"\u003eUsage\u003c/p\u003e**\n\n```md\n[![Dhyey's video stats](https://youtube-stats-card.vercel.app/api/video?videoid=4vwZNTagHsQ)](https://youtu.be/4vwZNTagHsQ)\n```\n\nChange the `?videoid=` value to your youtube video ID.\n\n**[Check out this](https://github.com/Dhyeythumar/youtube-stats-card/discussions/2) to get your youtube video id.**\n\n#### **\u003cp id=\"video-layout-demos\"\u003eLayout Demos\u003c/p\u003e**\n\n_Below layouts uses default parameters_\\*\n\n|             Layouts              |                                                                            Preview                                                                             |\n| :------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------: |\n|          Default Layout          |        [![Dhyey's video stats](https://youtube-stats-card.vercel.app/api/video?videoid=4vwZNTagHsQ\u0026cache_seconds=86400)](https://youtu.be/4vwZNTagHsQ)         |\n| Compact Layout `\u0026layout=compact` | [![Dhyey's video stats](https://youtube-stats-card.vercel.app/api/video?videoid=4vwZNTagHsQ\u0026layout=compact\u0026cache_seconds=86400)](https://youtu.be/4vwZNTagHsQ) |\n\n#### **\u003cp id=\"video-customization\"\u003eCustomization\u003c/p\u003e**\n\n_All the Customizations are applied to the default layout_\\*\n\n|                                             Parameters                                              |                                                                                                        Preview                                                                                                         |\n| :-------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |\n|                                    Hide Icons `\u0026hide_icons=true`                                    |                            [![Dhyey's video stats](https://youtube-stats-card.vercel.app/api/video?videoid=4vwZNTagHsQ\u0026hide_icons=true\u0026cache_seconds=86400)](https://youtu.be/4vwZNTagHsQ)                             |\n|                               Hide Video Preview `\u0026hide_preview=true`                               |                           [![Dhyey's video stats](https://youtube-stats-card.vercel.app/api/video?videoid=4vwZNTagHsQ\u0026hide_preview=true\u0026cache_seconds=86400)](https://youtu.be/4vwZNTagHsQ)                            |\n|                                   Color Theme `\u0026theme=THEME_NAME`                                   |                            [![Dhyey's video stats](https://youtube-stats-card.vercel.app/api/video?videoid=4vwZNTagHsQ\u0026theme=dark_pink\u0026cache_seconds=86400)](https://youtu.be/4vwZNTagHsQ)                             |\n|                                   Hide Border `\u0026hide_border=true`                                   |                            [![Dhyey's video stats](https://youtube-stats-card.vercel.app/api/video?videoid=4vwZNTagHsQ\u0026hide_border=true\u0026cache_seconds=86400)](https://youtu.be/4vwZNTagHsQ)                            |\n| Manual Color Theme `\u0026title_color=cbf7db\u0026icon_color=99ffbe`\u003cbr/\u003e`\u0026text_color=fffefe\u0026bg_color=40423e` | [![Dhyey's video stats](https://youtube-stats-card.vercel.app/api/video?videoid=4vwZNTagHsQ\u0026title_color=cbf7db\u0026icon_color=99ffbe\u0026text_color=fffefe\u0026bg_color=40423e\u0026cache_seconds=86400)](https://youtu.be/4vwZNTagHsQ) |\n|                             Hide Channel Name `\u0026hide_channelname=true`                              |                         [![Dhyey's video stats](https://youtube-stats-card.vercel.app/api/video?videoid=4vwZNTagHsQ\u0026hide_channelname=true\u0026cache_seconds=86400)](https://youtu.be/4vwZNTagHsQ)                          |\n\n[Check all the available color themes here](./themes/README.md) or checkout the [theme config file](./themes/index.js) \u0026 you can also contribute new themes if you like 🙂.\n\n#### **\u003cp id=\"video-overview\"\u003eOverview\u003c/p\u003e**\n\nYou can customize the appearance of your `Video Stats Card` with following URL params:\n\n-   `hide_icons` - Hide the icons from video card _(boolean)_\n-   `hide_preview` - Hide the video preview from video card _(boolean)_\n-   `theme` - Name of the theme, choose from [all available themes](./themes/README.md)\n-   `hide_border` - Hides the card's border _(boolean)_\n-   `title_color` - Card's title color _(hex color)_\n-   `text_color` - Body text color _(hex color)_\n-   `icon_color` - Icons color if available _(hex color)_\n-   `bg_color` - Card's background color _(hex color)_\n-   `hide_channelname` - Hide the channel name in video card\n-   `cache_seconds` - set the cache header manually _(min: 1800, max: 86400)_\n\n\u003e Note on cache: All cards have a default cache of 2 hours (7200 seconds). Also, note that the cache is clamped to a minimum of 2 hours and a maximum of 24 hours.\n\n## Support the project\n\nIf you are using this project and happy with it or just want to encourage me to continue creating stuff, there are few ways you can do it :-\n\n-   Giving proper credit when you use youtube-stats-card on your readme.\n-   Starring and sharing the project.\n\nIf you would like to see a feature implemented, don't hesitate to add it to the issues list, or better is to create pull request 😎\n\nContributions are welcome!\n\n## License\n\nLicensed under the [MIT License](./LICENSE).\n\n## Acknowledgements\n\nInspired by anuraghazra's [**github-readme-stats**](https://github.com/anuraghazra/github-readme-stats)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDhyeythumar%2Fyoutube-stats-card","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FDhyeythumar%2Fyoutube-stats-card","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDhyeythumar%2Fyoutube-stats-card/lists"}