Skip to content
This organization was marked as archived by an administrator on Aug 10, 2026. It is no longer maintained.
@readme-SVG

Readme SVG Toolkit

An open-source toolkit of dynamic, ready-to-use SVG components to make your GitHub READMEs stand out.
README.md

Wave divider

GitHub Org License Made with ❤️

SVG HTML Open Source PRs Welcome


✨ A collection of beautiful, ready-to-use components for your GitHub README files

Animated SVGs · Custom badges · YouTube cards · Text effects · And much more...


🚀 What is readme-SVG?

readme-SVG is an open-source toolkit for making your GitHub profile and repository READMEs stand out. Instead of a boring wall of text, spice things up with dynamically generated animations, embedded YouTube previews, typing effects, and custom visual components — all served as SVGs you can drop right into any Markdown file.

No complicated setup. Just grab a link and paste it.

📦 Projects

✨ Features at a Glance

🎨  Animated SVG components    —  Drop into any README instantly
⌨️  Typing text generator      —  Dynamic typewriter effects
🎬  YouTube video preview      —  Embed clickable video cards
🧩  More coming soon...        —  Badges, banners, stats & more

💡 How to Use

Using any component from readme-SVG is dead simple:

<!-- Example: Typing animation -->
![Typing SVG](https://your-service-url/api?...)

<!-- Example: YouTube Preview -->
[![Watch on YouTube](https://your-service-url/api?video=VIDEO_ID)](https://youtu.be/VIDEO_ID)

Just visit the individual project repository for full documentation and examples.

🗺️ Roadmap

  • Animated typing SVG generator
  • YouTube video preview badge
  • Custom stats cards
  • Animated banners & headers
  • Text effects (glitch, neon, gradient)
  • GitHub activity visualizations
  • Badge builder UI

❤️ Support the Project

If you find these tools useful, consider leaving a ⭐ on GitHub or supporting the author directly:

Patreon Ko-fi Boosty

YouTube Telegram

🤝 Contributing

Contributions, issues, and feature requests are welcome!

  1. Fork the relevant project repo
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

Wave divider

Made with ❤️ by OstinUA

Star ⭐ the repos if they helped you!

Pinned Loading

  1. readme-SVG-typing-generator readme-SVG-typing-generator Public archive

    🐦Dynamically generated animated SVGs for GitHub READMEs

    JavaScript 7 1

  2. readme-SVG-wave-divider-generator readme-SVG-wave-divider-generator Public archive

    🐦Python/Flask serverless API that generates parametric SVG wave dividers. Supports 5 wave types, multi-layer rendering, CSS animation, text overlay, gradient, mirror, and flip — all driven by URL q…

    Python 5 1

  3. readme-SVG-youtube-preview readme-SVG-youtube-preview Public archive

    🐦SVG badge generator for YouTube videos — embed clickable video cards in any README or webpage.

    Python 4

  4. readme-SVG-custom-badge-generator readme-SVG-custom-badge-generator Public archive

    🐦Client-side SVG badge generator for GitHub READMEs with themes, styles, icons and color customization.

    JavaScript 5 2

  5. Contribution-Painter Contribution-Painter Public archive

    🎨 Interactive web tool for painting GitHub contribution graphs. Generates backdated commits via REST API to create pixel art on your profile. Supports multi-language UI, custom intensity levels, co…

    JavaScript 6 1

  6. readme-SVG-profile-bengo readme-SVG-profile-bengo Public archive

    🐦Serverless Vercel API that generates dynamic SVG profile cards from GitHub data. Renders 17 slide types — repos, stars, commits, issues, language stats — with time-bucket rotation, slide filtering…

    JavaScript 3 1

Repositories

Showing 10 of 21 repositories
  • readme-PR-contributors-rating Public archive

    📊 Display your high-impact GitHub contributions with a dynamic SVG badge. This tool fetches pull requests via GraphQL, sorts by repository stars, and offers deep customization for colors, layout, and language. Elevate your profile README with a professional PR activity rating.

    readme-SVG/readme-PR-contributors-rating's past year of commit activity
    JavaScript 3 GPL-3.0 2 8 5 Updated Aug 1, 2026
  • readme-SVG-custom-badge-generator Public archive

    🐦Client-side SVG badge generator for GitHub READMEs with themes, styles, icons and color customization.

    readme-SVG/readme-SVG-custom-badge-generator's past year of commit activity
    JavaScript 5 Apache-2.0 2 46 5 Updated Aug 1, 2026
  • Issues-heroes-badge Public archive

    Serverless Vercel API that renders an animated SVG badge from validated GitHub issues. Supports custom display names, hex colors, banned-word filtering with wildcard patterns, per-user quotas, and TTL-cached moderation dictionaries.

    readme-SVG/Issues-heroes-badge's past year of commit activity
    Python 4 Apache-2.0 1 7 5 Updated Aug 1, 2026
  • badge-link-automator Public archive

    🔗 Client-side tool that parses Shields.io <img> badge tags and wraps each one in a GitHub repo link using weighted heuristic matching. Supports org URLs, HTML/Markdown output, TTL caching, and 14 UI languages.

    readme-SVG/badge-link-automator's past year of commit activity
    JavaScript 1 Apache-2.0 0 7 5 Updated Aug 1, 2026
  • readme-SVG-youtube-preview Public archive

    🐦SVG badge generator for YouTube videos — embed clickable video cards in any README or webpage.

    readme-SVG/readme-SVG-youtube-preview's past year of commit activity
    Python 4 Apache-2.0 0 17 7 Updated Aug 1, 2026
  • readme-SVG-site-preview Public archive

    🖼️ SVG website preview badge generator — paste any URL, get an embeddable card with title, screenshot & full style controls. Flask API + vanilla JS frontend. Vercel-ready.

    readme-SVG/readme-SVG-site-preview's past year of commit activity
    Python 2 GPL-3.0 0 12 7 Updated Aug 1, 2026
  • readme-SVG-profile-bengo Public archive

    🐦Serverless Vercel API that generates dynamic SVG profile cards from GitHub data. Renders 17 slide types — repos, stars, commits, issues, language stats — with time-bucket rotation, slide filtering, and a vanilla JS preview UI

    readme-SVG/readme-SVG-profile-bengo's past year of commit activity
    JavaScript 3 AGPL-3.0 1 29 6 Updated Aug 1, 2026
  • ascii-text-generator Public archive

    Web-based ASCII text generator with 70+ Figlet fonts, real-time preview, GitHub-flavored markdown output, 14 UI languages, and a Llama-powered GitHub Actions bot that auto-creates issues from commit/PR diffs.

    readme-SVG/ascii-text-generator's past year of commit activity
    JavaScript 6 Apache-2.0 1 9 5 Updated Aug 1, 2026
  • github-social-preview-generator Public archive

    🖼️ Client-side tool that generates GitHub-styled social preview cards (1280×640) from any public repo URL. Fetches live data via GitHub API, supports 5 card templates, 6 color themes, and exports to JPEG/PNG via html2canvas.

    readme-SVG/github-social-preview-generator's past year of commit activity
    CSS 10 GPL-3.0 0 26 5 Updated Aug 1, 2026
  • Banned-words Public archive

    🤬🗯️ Multilingual profanity & banned word lists with a browser-based editor for content moderation

    readme-SVG/Banned-words's past year of commit activity
    Python 4 Apache-2.0 0 5 5 Updated Jul 31, 2026
View all repositories