{"id":50481923,"url":"https://github.com/zainulabdeenofficial/github-streak-card","last_synced_at":"2026-06-01T18:02:10.555Z","repository":{"id":301885248,"uuid":"1010570067","full_name":"ZainulabdeenOfficial/GitHub-Streak-Card","owner":"ZainulabdeenOfficial","description":"šŸ”„ GitHub Streak Card ā€“ Track your coding journey in style! A powerful tool to showcase your GitHub streaks, contributions, and developer stats with stunning visuals. āœØ Fully customizable, real-time data, and perfect for your profile or personal website. Built by ZainulabdeenOfficial to help you analyze your work and inspire consistent coding!","archived":false,"fork":false,"pushed_at":"2025-07-15T08:16:37.000Z","size":158,"stargazers_count":17,"open_issues_count":0,"forks_count":3,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-15T19:12:37.026Z","etag":null,"topics":["communityexchange","contribution-graph","customization","developer-tools","dynamic-readme","github-api","github-profile","github-readme","github-stats","github-widget","interactive-readme","learn","nextjs","open-source","open-source-project","personal-dashboard","profile-readme","readme-card","streak-tracker","vercel"],"latest_commit_sha":null,"homepage":"https://v0-git-hub-streak-score-card-phi.vercel.app","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/ZainulabdeenOfficial.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","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":"2025-06-29T11:04:29.000Z","updated_at":"2025-07-15T08:16:40.000Z","dependencies_parsed_at":"2025-06-29T12:28:29.013Z","dependency_job_id":"921228cf-0e4f-4d9f-85c6-03b28e834ab8","html_url":"https://github.com/ZainulabdeenOfficial/GitHub-Streak-Card","commit_stats":null,"previous_names":["zainulabdeenofficial/github-streak-card"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ZainulabdeenOfficial/GitHub-Streak-Card","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZainulabdeenOfficial%2FGitHub-Streak-Card","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZainulabdeenOfficial%2FGitHub-Streak-Card/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZainulabdeenOfficial%2FGitHub-Streak-Card/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZainulabdeenOfficial%2FGitHub-Streak-Card/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ZainulabdeenOfficial","download_url":"https://codeload.github.com/ZainulabdeenOfficial/GitHub-Streak-Card/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZainulabdeenOfficial%2FGitHub-Streak-Card/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33786914,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-01T02:00:06.963Z","response_time":115,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["communityexchange","contribution-graph","customization","developer-tools","dynamic-readme","github-api","github-profile","github-readme","github-stats","github-widget","interactive-readme","learn","nextjs","open-source","open-source-project","personal-dashboard","profile-readme","readme-card","streak-tracker","vercel"],"created_at":"2026-06-01T18:02:04.441Z","updated_at":"2026-06-01T18:02:05.699Z","avatar_url":"https://github.com/ZainulabdeenOfficial.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# šŸ”„ GitHub Streak Card Generator\n\nšŸŽÆ **Create stunning, animated GitHub streak cards** featuring water effects, circular avatars, and full customization ā€” perfect for elevating your GitHub profile!\n\nšŸŒ **Try it live**: [https://v0-git-hub-streak-score-card-phi.vercel.app](https://v0-git-hub-streak-score-card-phi.vercel.app)\n\n---\n\n## āœØ Features at a Glance\n\n- šŸ”„ **Live Current Streak**\n- šŸ“ˆ **Longest Streak Tracker**\n- šŸ“Š **Yearly \u0026 Total Contributions**\n- šŸ‘¤ **Public Repos, Stars, Followers**\n- šŸ–¼ļø **Circular Avatar Integration**\n- šŸŒŠ **Water Ripple Animation**\n- šŸŽØ **5+ Beautiful Themes**\n- šŸ’” **Custom Color \u0026 Layout Support**\n- šŸ“‹ **README Code Generator**\n- šŸ’¾ **Export as PNG**\n- āš” **Next.js Fast Performance**\n- šŸ“± **Fully Responsive Design**\n\n---\n\n## šŸš€ How to Use\n\n1. Open šŸ‘‰ [**Streak Card Generator**](https://v0-git-hub-streak-score-card-phi.vercel.app/)\n2. Enter your **GitHub username**\n3. Pick a **theme** or customize your own\n4. Preview your card in real-time\n5. šŸ“‹ **Copy README code** and paste into your profile\n\nšŸ’„ Done! Your profile now has a visual contribution highlight!\n\n---\n\n## šŸŽØ Theme Collection\n\n| šŸŒˆ Theme | šŸ–¼ļø Description |\n|--------------|-------------------------------------|\n| šŸŒ™ Dark | Elegant dark mode with rich contrast |\n| šŸŒŠ Ocean | Cool blues \u0026 fluid design (Default) |\n| šŸŒ… Sunset | Bold reds \u0026 oranges |\n| šŸŒ² Forest | Earthy greens and calm visuals |\n| šŸ’œ Purple | Royal look with soft hues |\n\n---\n\n## šŸ–¼ļø Layout Overview\n\n```\n[ Circular Avatar ] | [ Animated Streak Circle ] | [ Stats \u0026 Languages ]\n```\n\n**Includes:**\n- šŸ‘¤ Profile block (avatar, username, join date)\n- šŸ”„ Streak counter (with water animation)\n- šŸ“Š Contributions, repo count, languages\n- šŸ§‘ā€šŸ’» Language bar (visually ranked top languages)\n\n---\n\n## šŸ› ļø Examples in Action\n\n### šŸŒŠ Ocean Theme ā€“ `ZainulabdeenOfficial`\n\u003cdiv align=\"center\"\u003e\n \n![ZainulabdeenOfficial](https://v0-git-hub-streak-score-card-phi.vercel.app/api/card-with-avatar?username=ZainulabdeenOfficial\u0026theme=%7B%22backgroundColor%22%3A%22%230f172a%22%2C%22textColor%22%3A%22%23e2e8f0%22%2C%22accentColor%22%3A%22%230ea5e9%22%2C%22borderColor%22%3A%22%231e293b%22%2C%22waterColor%22%3A%22%230ea5e9%22%2C%22streakColor%22%3A%22%2306b6d4%22%7D)\n\n\u003c/div\u003e\n\n### šŸ’œ Purple Theme ā€“ `Hoor507`\n\u003cdiv align=\"center\"\u003e\n\n![Hoor507](https://v0-git-hub-streak-score-card-phi.vercel.app/api/card-with-avatar?username=Hoor507\u0026theme=%7B%22backgroundColor%22%3A%22%23581c87%22%2C%22textColor%22%3A%22%23f3e8ff%22%2C%22accentColor%22%3A%22%23a855f7%22%2C%22borderColor%22%3A%22%237c3aed%22%2C%22waterColor%22%3A%22%23a855f7%22%2C%22streakColor%22%3A%22%23c084fc%22%7D)\n\n\u003c/div\u003e\n\n## Sunset Theme Salman Ahmad\n\u003cdiv align=\"center\"\u003e\n\n![GitHub Streak](https://v0-git-hub-streak-score-card-phi.vercel.app/api/card-with-avatar?username=ahmmikun\u0026theme=%7B%22backgroundColor%22%3A%22%23451a03%22%2C%22textColor%22%3A%22%23fef3c7%22%2C%22accentColor%22%3A%22%23f59e0b%22%2C%22borderColor%22%3A%22%2392400e%22%2C%22waterColor%22%3A%22%23f59e0b%22%2C%22streakColor%22%3A%22%23dc2626%22%7D)\n\n\u003c/div\u003e\n\n## Dark Theme Linus Torvalds\n\u003cdiv align=\"center\"\u003e\n\n![GitHub Streak](https://v0-git-hub-streak-score-card-phi.vercel.app/api/card-with-avatar?username=torvalds\u0026theme=%7B%22backgroundColor%22%3A%22%231a1b27%22%2C%22textColor%22%3A%22%23ffffff%22%2C%22accentColor%22%3A%22%2300d4aa%22%2C%22borderColor%22%3A%22%2330363d%22%2C%22waterColor%22%3A%22%2300d4aa%22%2C%22streakColor%22%3A%22%23ff6b6b%22%7D)\n\n\u003c/div\u003e\n\n---\n\n## šŸŽ›ļø Full Customization\n\n| Option | What It Does |\n|------------------|----------------------------------------|\n| šŸŽØ Background | Card's background color |\n| šŸ”¤ Text | Text color across all card elements |\n| šŸŒˆ Accent | Highlight color for icons/streak |\n| šŸŸ¦ Border | Card outline \u0026 segment separators |\n| šŸ’§ Water | Color of animated water effect |\n| šŸ”„ Streak Counter | Current streak color \u0026 pulse animation |\n\n---\n\n## āš™ļø Deploy Your Own Version\n\nClick below to deploy on **Vercel** in one click:\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/yourusername/github-streak-card-advanced)\n\n1. Connect GitHub\n2. Deploy\n3. Customize your card service under your domain!\n\n---\n\n## šŸ¤ Contributions Welcome!\n\nWe'd ā¤ļø your help to improve and grow this tool:\n\n1. Fork the repo\n2. Create a feature branch: `git checkout -b my-feature`\n3. Commit: `git commit -m 'āœØ Add new feature'`\n4. Push: `git push origin my-feature`\n5. Open a Pull Request\n\n---\n\n## šŸ“„ License\n\nThis project is under the **MIT License**. See [LICENSE](LICENSE) for more info.\n\n---\n\n## šŸ™ Credits \u0026 Thanks\n\n- šŸ’» GitHub REST API\n- šŸ§© [shadcn/ui](https://ui.shadcn.com/)\n- šŸš€ Vercel (for smooth deployment)\n- šŸŒ Open-source community inspiration\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\nšŸŒŸ **Crafted with ā¤ļø by [ZainulabdeenOfficial](https://github.com/ZainulabdeenOfficial)** šŸŒŸ \nšŸ”— [Generate Your Card Now](https://v0-git-hub-streak-score-card-phi.vercel.app/) \nšŸŽØ Elevate your GitHub presence today!\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzainulabdeenofficial%2Fgithub-streak-card","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzainulabdeenofficial%2Fgithub-streak-card","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzainulabdeenofficial%2Fgithub-streak-card/lists"}