A browser-based tool for creating beautiful, GitHub-style SVG alert cards
to embed in your README.md files. Everything runs entirely in your browser —
no server, no tracking, no telemetry.
Features
🎨 Full color customization (background, border, text, inline code)
🔲 Per-side border toggles (left / right / top / bottom)
🔤 Multiple font options including custom CSS font stacks
🔄 Color inversion and transparent background modes
How to use
1. Configure your alert in the Settings panel at the bottom.
2. Preview updates in real-time in the top-left panel.
3. Copy the SVG markup from the top-right panel, or use Export to download.
4. Embed in your README: 
📦ALL (.zip)SVG + HTML + PNG + project + user presets
🎨 Presets
Saves current settings to User presets
☺ Icon / Emoji Picker
Click a symbol to set the icon field.
⚡ Actionability
Warning: Click actions only work when the SVG is embedded
inline or opened as an HTML page. They generally do not run
when the file is used as <img src="…"> (e.g. many README hosts).
Only enable for content you control. Prefer redirects over JS. Never paste untrusted
scripts. JS can be blocked by CSP and sanitizers.
Optional click behaviors baked into exported SVG/HTML.
Settings apply on next Update / export. Keep scripts tiny and side-effect free when possible.