SimpleVG

Split-screen SVG editor & designer with live CSS previews

8 followers

Split-screen SVG editor & designer with live CSS previews

8 followers

I built SimpleVG out of frustration with the frontend workflow. I was tired of constantly switching between Figma and my code editor just to add CSS effects, hovers, and transitions to an SVG. SimpleVG is a minimalist, product-first online editor with a visual designer and a raw code editor in a live split-screen layout. Tweak the code to see visual changes instantly, or write CSS animations and test them interactively with zero browser refreshes.

Free

Launch tags:Web App•Design Tools•Developer Tools

Launch Team

Dropbox SignSimple, secure eSignatures for the way your team works.

Promoted

Maker

📌

Hi Product Hunt! 👋 I’m the developer behind SimpleVG. I built this tool because I wanted a fast, lightweight, and visual way to fine-tune SVGs and test web-specific interactions (like CSS hovers) without breaking my development flow. SimpleVG is completely free and drops you straight into the editor. No sign-ups, no friction. I’d love to hear your thoughts, feedback, or feature requests. What should I add next? Let me know!

Report

5mo ago

Doneas

Does it do video ? I used SVGator before, what is the difference ?

Report

5mo ago

Maker

@bengeekly No, SimpleVG does not do video. It is built for a completely different workflow than SVGator. SVGator is an animation studio for designers that hides the code and exports a heavy, automated black box. SimpleVG is a split-screen utility for developers that gives you 100% control over clean, handwritten SVG code. Think of it as a much better, alternative to tweaking SVG code in VS Code and constantly refreshing your browser. Instead of switching windows, you write native CSS like hovers and transitions directly into the editor and see it render on the canvas instantly.

Report

5mo ago

Reviews