A simple, free, and open-source SVG studio for designers and developers.
Live code editing β’ Styling & gradients β’ Auto path separation β’ ViewBox cropping β’ Image export
VectorFusion is a lightweight SVG editor focused on modifying existing vector graphics β not drawing them from scratch.
You can:
- View and modify SVG code in real time
- Edit fill, stroke, gradients, opacity, and attributes
- Delete paths and elements
- Separate compound paths and automatically assign IDs
- Crop the ViewBox without losing quality
- Export to raster formats at high resolution
You cannot draw new shapes or edit vector nodes/curves. VectorFusion is designed for editing and cleaning SVGs quickly and visually β not illustration.
VectorFusion is 100% client-side β it works fully offline, and while you can upload and export files, all processing stays in your browser. Nothing is ever sent to a server.
- β‘ Live Code β Preview β Monaco editor synced with an interactive SVG canvas
- π¨ Styling Tools β Fill, stroke, width, opacity, and gradient editing
- π§ Auto Analyzer β Split compound paths and assign IDs to disconnected shapes
- π±οΈ Click-to-Code Linking β Select an element in the preview to jump to its source
- π² ViewBox Cropper β Resize non-destructively with drag handles or numeric inputs
- πΈ High-Resolution Export β PNG / JPEG / WEBP up to 4K+ (and Beyond)
- π Privacy-First β 100% local and offline-capable. No servers, no tracking, no telemetry.
- Intelligent path separation + Auto-ID assignment
- Gradient editor (linear + radial)
- Click-to-edit inside the preview
- Output React JSX, React Native, Data URI
- Adjust X/Y coordinates, width, height
- Drag handles for quick cropping
- Keep-Selection/Cut-Out modes
- PNG / JPEG / WEBP output
- Custom Resolution
- Aspect ratio lock
git clone https://github.com/OracleMythix/VectorFusion.git
cd VectorFusion
npm install
npm run dev| Category | Tools |
|---|---|
| Framework | React 19 |
| Build | Vite |
| Language | TypeScript |
| Styling | Tailwind CSS |
| Editor | Monaco |
| Icons | Lucide React |
VectorFusion is a solo project and is not accepting external pull requests at this time.
Bug reports and feature ideas are welcome via Issues.
Distributed under the MIT License.
See LICENSE for details.