⨠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.
šØ 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