A web-based editor for creating animated SVG banners for GitHub profiles. Build custom sweet banners with meteors, glowing avatars, and animated effects.
- Animated Meteors - Add flying icon meteors with customizable trails, colors, and timing
- Avatar Integration - Display your GitHub avatar with animated glow effects
- Live Preview - See changes in real-time as you edit
- SVG Export - Download or copy the generated SVG code
- Customizable Effects - Adjust waves, particles, borders, and gradients
- React 19 + TypeScript
- Vite
- Tailwind CSS
- shadcn/ui components
- Lucide icons
# Install dependencies
bun install
# Start development server
bun run dev
# Build for production
bun run build- Configure banner dimensions and background color
- Set your avatar URL and size
- Add meteors with icons from Iconify
- Customize colors, timing, and animation properties
- Copy the SVG code or download the file
- Add just the banner line at the end of the copied SVG code to the beginning of your Repos Readme.md, you can also just drag and drop the svg file
- Iconify - Icons aggregator. +50k icons
| Setting | Description |
|---|---|
| Border | Border size, angle, and color |
| Background | Solid color background |
| Avatar | GitHub avatar URL and size |
| Meteors | Icon, trail color, angle, duration, delay |
| Particles | Floating particle count and color |
| Waves | Animated wave gradient colors |
| Glow | Avatar glow gradient colors |
| Border | Optional border with radius and size |
MIT