SVGX

SVGX

Desktop SVG asset manager for designers and developers

1 follower

SVGX is a FREE offline desktop SVG icon/asset manager and browser for Mac and Windows. Use it to quickly locate the perfect icon for your design, copy and edit the SVG code, generate repeating background CSS, and more.
SVGX gallery image
SVGX gallery image
SVGX gallery image
SVGX gallery image
SVGX gallery image
SVGX gallery image
SVGX gallery image
SVGX gallery image
SVGX gallery image
SVGX gallery image
SVGX gallery image
SVGX gallery image
SVGX gallery image
SVGX gallery image
Launch tags:
Design Toolsβ€’Developer Toolsβ€’Maker Tools
Launch Team

What do you think? …

Constantin
Hey friends! As web development has shifted to SVG assets, I developed a personal (but tedious) workflow for embedding SVG graphics (mostly icons) in my code. Fed up with the tedious part, I set out to streamline the process, and make my life easier. SVGX is the result, and I am offering it free, for everyone to enjoy. The problem (pre-SVGX) 1. Load the webpage of my favorite SVG icon library 2. Search for what I need - and not find it 3. Load the webpage of my 2nd favorite library 4. etc 5. Download the icon 6. Open it in a file editor 7. Select the inner code & Cmd+C 8. Go to my IDE and paste it in my icon component 9. Repeat this for dozens and hundreds of icons and graphics 10. Net result = a lot of time wasted The solution (with SVGX) 1. (one time) Download all the SVG libraries into a single folder 2. Start SVGX 3. Start searching... it looks for SVGs through all the libraries/subfolders 4. Preview the icon you like 5. Opt+C to copy the inner markup (or C to copy everything) 6. Paste it in your code Features - Deep search of nested folders, limited to SVG files only - Preview, magnify, edit (with live preview) - Shortcuts to copy the whole or inner SVG markup - Need URL-encoded markup with single or double quotes? It has it - Ready-made background-image CSS code? Yep - How about CSS for repeating backgrounds? That too. (I always hated making it by hand) - SVGO-optimized code - Bookmark your favorite SVGs, and quickly go back to Recent(ly) used ones - Uh, and dark mode Who is it for? Designers / Developers / Makers / SVG lovers Product Hunt launch offer Did I already say SVGX is free? It sure is. But I am taking a stab at monetization by offering paid access to the source code on GitHub. So if you fancy taking a stab at the inner workings, to tinker with it, build from source, or whatever - I'm giving a 30% discount with the coupon code PHLAUNCH2021 (details on the website under How can I support SVGX?). SVGX, by the way, is made with Electron and Svelte. Phew, that was a lot to type! I hope you'll enjoy SVGX and let me know what you think!
Lukas Klinzing
very good looking product. Would love a linux build. Thinking really about purchasing just out of curiosity how you used svelte and tailwind.
Constantin
@theluk246 Thanks! I'm definitely considering a Linux build.