Skip to content
@readme-SVG

readme-SVG

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

Project Description Stars Language
readme-SVG-typing-generator ⌨️ Dynamically generated animated typing SVGs for GitHub READMEs Stars HTML
readme-SVG-youtube-preview 🎬 SVG badge generator for YouTube videos — embed clickable video cards in any README Stars HTML

✨ 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

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

    HTML 4

Repositories

Showing 3 of 3 repositories

Top languages

Loading…

Most used topics

Loading…