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 4

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

    🐦Stateless HTTP API that renders customizable SVG wave dividers from URL query parameters. Deployable on Vercel.

    Python

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

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

    Python

Repositories

Showing 7 of 7 repositories