Skip to content
@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

    🐦Dynamically generated animated SVGs for GitHub READMEs

    JavaScript 6 2

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

    🐦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

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

    Python 3

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

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

    JavaScript 4 2

  5. Contribution-Painter Contribution-Painter Public

    🎨 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 5 1

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

    🐦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 2 1

Repositories

Showing 10 of 21 repositories
  • Banned-words Public

    🤬🗯️ 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 1 Updated Oct 2, 2026
  • readme-PR-contributors-rating Public

    📊 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 4 GPL-3.0 2 8 1 Updated Oct 1, 2026
  • Issues-heroes-badge Public

    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 13 2 Updated Oct 1, 2026
  • readme-SVG-youtube-preview Public

    🐦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 3 Apache-2.0 0 17 3 Updated Oct 1, 2026
  • readme-SVG-site-preview Public

    🖼️ 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 2 Updated Oct 1, 2026
  • readme-SVG-profile-bengo Public

    🐦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 2 AGPL-3.0 1 29 3 Updated Oct 1, 2026
  • github-social-preview-generator Public

    🖼️ 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 9 GPL-3.0 0 26 1 Updated Oct 1, 2026
  • ascii-text-generator Public

    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 1 Updated Sep 30, 2026
  • Contribution-Painter Public

    🎨 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, commit multipliers, and automated branch management.

    readme-SVG/Contribution-Painter's past year of commit activity
    JavaScript 5 Apache-2.0 1 11 1 Updated Sep 30, 2026
  • readme-SVG-typing-generator Public

    🐦Dynamically generated animated SVGs for GitHub READMEs

    readme-SVG/readme-SVG-typing-generator's past year of commit activity
    JavaScript 6 Apache-2.0 2 20 2 Updated Sep 29, 2026
View all repositories

Top languages

Loading…