✨ A collection of beautiful, ready-to-use components for your GitHub README files
Animated SVGs · Custom badges · YouTube cards · Text effects · And much more...
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.
| Project | Description | Stars | Language |
|---|---|---|---|
| readme-SVG-typing-generator | ⌨️ Dynamically generated animated typing SVGs for GitHub READMEs | ||
| readme-SVG-youtube-preview | 🎬 SVG badge generator for YouTube videos — embed clickable video cards in any README |
🎨 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
Using any component from readme-SVG is dead simple:
<!-- Example: Typing animation -->

<!-- Example: YouTube Preview -->
[](https://youtu.be/VIDEO_ID)Just visit the individual project repository for full documentation and examples.
- 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
If you find these tools useful, consider leaving a ⭐ on GitHub or supporting the author directly:
Contributions, issues, and feature requests are welcome!
- Fork the relevant project repo
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request