Skip to content

Streak Stats SVG Generator is a web tool that creates custom GitHub streak SVGs. Enter your GitHub username to generate a personalized SVG showcasing your activity. Built with HTML, CSS, and JavaScript, it fetches data via the GitHub API. Open-source and easy to use, it provides a quick way to visualize your GitHub streak. By Bocaletto Luca

License

Notifications You must be signed in to change notification settings

bocaletto-luca/Steak-Stats-SVG-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Streak Stats SVG Generator for Github

Author: Bocaletto Luca

A simple, client-side web application that generates a custom GitHub streak SVG based on a user-provided username. No API calls, tokens, or installations are required. Just enter your GitHub username and download a ready-to-use SVG to showcase your GitHub streak.

Test Online

in github server no work for limitation github, install in your server

Please Try in you server Web.

Features

  • Client-Side Generation: All processing is done in the browser using simple HTML, CSS, and JavaScript.
  • Customizable Template: Instantly generates an SVG with your GitHub username embedded in the design.
  • Downloadable Output: Easily download the generated SVG file for inclusion in your GitHub profile or any project.
  • No External Dependencies: No need for tokens, API integrations, or backend setups.

Demo

Open the application by visiting the GitHub Pages live demo (replace with your actual GitHub Pages URL) or simply run the index.html file locally.

Usage

  1. Open index.html in a modern web browser.

  2. Enter your GitHub username in the input field provided.

  3. Click the Generate SVG button to preview your custom SVG.

  4. Click the Download SVG button to save the file as steak-stats.svg on your computer.

  5. Embed the SVG in your README by using the following Markdown code:

    ![GitHub Streak](./steak-stats.svg)

Installation

No installation is needed. To get started locally, clone the repository and open the index.html file in your preferred web browser:

git clone https://github.com/<your-username>/steak-stats-svg-generator.git

File Structure

steak-stats-svg-generator/
├── index.html       # Main web page with the SVG generator application.
├── README.md        # Project documentation.
└── assets/          # (Optional) Folder for any additional assets.

Contributing

Contributions are welcome! If you have suggestions, improvements, or bug fixes, please open an issue or submit a pull request.

License

This project is licensed under the GPL License. See the LICENSE file for details.

Author

bocaletto-luca
GitHub: bocaletto-luca

About

Streak Stats SVG Generator is a web tool that creates custom GitHub streak SVGs. Enter your GitHub username to generate a personalized SVG showcasing your activity. Built with HTML, CSS, and JavaScript, it fetches data via the GitHub API. Open-source and easy to use, it provides a quick way to visualize your GitHub streak. By Bocaletto Luca

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published