frontpage.
newsnewestaskshowjobs

Made with ♥ by @iamnishanth

Open Source @Github

Open in hackernews

Show HN: Hyvector – A fast and modern SVG editor

https://www.hyvector.com
214•jansan•9h ago
I have been working on Hyvector for the last five years and finally decided to present the result of my work.

Hyvector is an SVG editor that runs in all modern browsers. It is stable, very fast, and capable of handling complex SVG images.

Big new features like art strokes, vector tracing, colorizing are in the making, but for now the focus is on pushing a polished first release out of the door.

I would love to hear any feedback on what you like, missing features, or any bugs you encounter via our issue tracker: https://github.com/hyvectorapp/hyvector-issues

Note that while Hyvector should work on a phone, it is much more usable on a desktop computer or tablet.

Comments

kiney•7h ago
how does it compare to inkscape?
anilgulecha•7h ago
Also, would it bring more to table on the web compared to svgedit?

https://svgedit.netlify.app/editor/index.html

https://github.com/SVG-Edit/svgedit

jansan•7h ago
Inkscape has far more features, and Hyvector does not support some SVG features like filters and masks, yet.

But I think Hyvector is easier to use, and this is the main focus. I spent a lot of time on cleaning up the UI, and I still see room for improvement.

Performance is comparable. I am testing with some massive SVGs that have tens of thousands of path nodes, and Inkscape and Hyvector can handle them equally well.

pveierland•7h ago
This locked up my system so hard I couldn't recover by killing the browser or reloading the window manager (Firefox 133.0.3 / Sway 1.9). Had to reboot and don't have time to investigate further right now. Appeared to happen while double clicking and dragging around elements a bit rapidly.
edu•7h ago
Nice, shows a lot of promise. A quick feedback, placign the floating toolbar at the top is distracting and takes up real-state from the actual drawing. I'd prefer to have a regular toolbar or placing it at the bottom of the canvas.

Edit: or make it moveable/collapsible

jansan•7h ago
Thanks, the toolbar has already been redesigned and moved several times. It collapses anyway when the window gets too narrow, so giving it a collapse button should be super easy to do.
jfindley•5h ago
Plus one on the floating thing, on desktop it'd be great to be able to move it out of my way but still have it present.

Also, while I assume/hope there are shortcut keys on desktop, I have no idea what there are and if they're documented anywhere I can't find it. If there aren't shortcut keys, it'd be super useful to add them, at least for common actions.

WillAdams•7h ago
It's a nice beginning.

Some obvious features which I missed:

- nodes tool should want to snap begin/end nodes together when editing (and the snap distance could be larger when initially creating, esp. w/ the pencil tool)

- rather than a Nodes tool for editing, something like to Wick Editor's Flash/Futurewave Smarksetch pull/push deforming would be much more mobile friendly

- if corner rounding doesn't work on polygons it should be hidden/disabled

jansan•7h ago
Thanks, this is the kind of feedback that I was hoping for.
syntaxfree•7h ago
What’s the story behind the naming?

(I presume it’s not written in Hy/Hylang, the cute little Lisp that compiles to Python.)

jansan•7h ago
My children came up with it. All the obvious names were taken, so I kept it. I think it has something to do with Minecraft.
axus•2h ago
Your project seems to be the opposite of Hytale; only 5 years instead of 10, and you've got a usable, working product without grifting for investor dollars.
rizky05•7h ago
Good job! but somehow the UI looks blurry on mac.
stared•7h ago
Thank you for sharing! Does it offer a way to edit relevant pieces of SVG code?
jansan•7h ago
No, this is currently not a feature. I wanted to keep a certain level of abstraction to be able to add features that SVG does not support natively. Internally it uses its own object model, which is similar to SVG but in parts different (for example when using clip paths), so giving access to the raw SVG code may be difficult.
jarek-foksa•3h ago
If I were to build a web-based vector graphics editor from scratch today, I would make it work internally with a "sane" subset of SVG such as SVG Micro [1].

This way you get a fast and reliable rendering engine for free (including support for MathML and HTML objects), you can easily import third-party SVG assets with a normalizer such as SVGO and you don't need to bother with all the convoluted special cases.

[1] https://github.com/linebender/resvg/blob/main/crates/usvg/do...

california-og•6h ago
Check out GodSVG for a promising (still in development) SVG code editor.

https://www.godsvg.com/

Nekorosu•5h ago
I was going to post it too. It's lovely!
ansc•7h ago
I've been thinking about why there's no modern SVG editor like this. Super nice to see. Inkscape can be a bit of a pain imo, even if it has extensive features. I'll definitely give it a spin. Good luck!
pphysch•4h ago
Have you tried https://boxy-svg.com?
Gualdrapo•7h ago
This is what I wish KDE's Karbon was - a friendly but quick and capable SVG editor.

Granted, I wish it somehow could had the functionalities SVG Path Editor[0] has, which I haven't been able to find in any other editor (like, for example, converting absolute `<path>` coordinates to relative, editing each line, curve, and so on for each `<path>`).

Another feature that would be great to have but would require a monumental amount of work, or maybe even be its own project, would be animation.

cssinate•6h ago
This looks great! If you're open to feedback, one thing I love is being able to edit the actual SVG properties right inside the app - the CSS, the path nodes, etc.
artursapek•6h ago
Nice. I built something like this years ago. SVG is a really fun standard to build stuff around.
boomskats•6h ago
I really like the UX of this. Very usable on a Wacom enabled android tablet.

Don't know if your spline editing mechanism (i.e. the ability to drag the line around from an aribtrary point rather than tweaking the individual handles) is something you came up with yourself or borrowed from elsewhere, but I really really like it.

Only thing I noticed is that touch scrolling doesn't work on the tree on the left. Otherwise it's very smooth.

Have you implemented any keyboard shortcuts?

jansan•6h ago
Thanks, the curve dragging is surprisingly easy. I think a very old discussion in a Google forum have me the idea how to implement it. It even works with keeping the handle directions (pressing Shift while dragging).

That tree on the left is difficult to get right on all devices. It has to support click, touch to click, drag and drop, swipe scrolling, touch scrolling, etc., and all that while acting as if it holds hundreds of elements. There are still a few issues, for example swipe scrolling and some jankiness on iOS, but I have them on my list.

Keyboard shortcuts are implemented for non-mobile devices. If you open a menu on the menu bar, you can see them at the right in the menu items.

jdiff•6h ago
I'd be very interested in that discussion for one of my own projects, any chance you still have a link handy?
jansan•4h ago
I was wrong, it was on Stackexchange. Stackexchange is full of true gems, and they really often have no or only very few upvotes, because nobody recognizes their value.

https://math.stackexchange.com/a/952050

lyu07282•6h ago
Looks great! Not meant as a critique but I always thought SVG is the wrong level of abstraction for an editor, I don't really want a SVG editor I want a vector drawing program. Sure it should render to optimized SVG, but a UI/UX built around the SVG concepts like path, clip-path and the like is not very end-user friendly. This always irked me about inkscape anyway.

Also what I always thought would be a real killer feature would be something similar to blender modifiers (array, mirror, etc.) but in a vector editor, allowing for non-destructive editing.

Karliss•6h ago
Inkscape LPE is exactly that - non destructive path modifiers. Graphite.rs editor in some ways has even bigger focus on nondestrictive effects.
jansan•3h ago
Well, this is actually the idea behind it. There is an internal object model, but currently the mapping from SVG to the internal model is almost 1:1. One first exception is clip paths, which in Hyvector is a path with stroke and fill and a content that is clipped outside that path. In SVG handling of clip paths is quite cumbersome and not very intuitive.

If I can continue developing this other features will follow: Corner rounding of paths, non-destructive boolean operations, variable stroke widths, multiple fills, distortions, etc.

The thing is that I want to keep SVG as the export format, because it it really good for the wbe can be styled with CSS. Therefore effects must be exportable as true SVG (even if composed of multiple SVG elements), not some fake bitmap inserted into an SVG as some other editors do it when exporting SVGs. This for example means that there will be no conic gradients unless they are supported by SVG one day.

jarek-foksa•3h ago
> In SVG handling of clip paths is quite cumbersome and not very intuitive.

Modern web browsers now support "clip-path" CSS property with inline/shorthand values which are much more convenient to use than <clipPath> element. There are some examples on MDN [1]. I haven't performed extensive tests yet but they seem to be working just fine with SVG objects.

[1] https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path

throwaway2562•5h ago
Looks cool! Very polished, I appreciate just how much effort it takes to get something like this out of the door.

Couple of questions for OP

What is it written in? What will the license be?

Context: Currently evaluating the venerable SVGEdit (MIT, JavaScript) for a project

https://github.com/SVG-Edit/svgedit

jansan•4h ago
It is written in plain Javascript using Vue for reactivity. I have not made any decisions regarding the license or monetization, but for now it is just free to use.
iFire•5h ago
The first thing that came to mind was my friend's project to do a SVG editor in Godot Engine https://www.godsvg.com/.

I'll write my first impressions of https://github.com/hyvectorapp so it helps usability and improvement.

Oh it's a freemium app.

hyvectorapp starts off looking like figma, penpot style which is a good sign.

I can export svg [x]

There's no align to grid system.

vector tracing is not generally solved except via the vectormagic product and machine learning research prototypes. I wonder how you solved it.

Can't interact more today so I'll end with this note of hopefulness.

jankovicsandras•4h ago
Can this solve vector tracing? https://github.com/jankovicsandras/imagetracerjs (Public domain) Discaimer: I made this.
titaphraz•3h ago
The inkscape extension link is to a empty page: https://inkscape.org/~MarioVoigt/%E2%98%85imagetracerjs-for-...
jarek-foksa•3h ago
"Vectorize" generator in Boxy SVG also uses imagetracerjs under the hood, you can check the online demo here: https://boxy-svg.com/#demo-tracing

I think Inkscape still uses Potrace internally, which is produces a bit better results.

Karliss•5h ago
There is no way to join 2 nodes without introducing new edge, unless there is some hidden shortcut. Also the "connect paths" ignores selection and instead randomly picks one of the two ends with matching direction. Even if you know the end direction rule you can't know which of the 2 endpoint pairs will be connected.

I might be slightly biased as I am more used to even/odd infill mode compared to non zero mode, but having user constantly keep track of which paths are clockwise and which are counterclockwise seems like unnecessary hassle, especially for paths without infill where it shouldn't matter. At least there is a UI indicator for it, otherwise I would be very confused.

jansan•5h ago
> There is no way to join 2 nodes without introducing new edge, unless there is some hidden shortcut.

Duh, I was not even aware that nodes get connected with a single node replacement in other apps. Somehow I missed that.

> Also the "connect paths" ignores selection and instead randomly picks one of the two ends with matching direction.

It should currently connect by selection order (first selected with first selected on other path), but I may have to rethink this.

Regarding fill rule I am aware that this is missing. Thanks a lot for the valuable feedback.

whartung•4h ago
If you're willing, I'd like to ask some questions about your implementation. My email is in my profile.
jwmcglynn•3h ago
Very nice! My side project is a C++ SVG rendering library, and I have never been able to find great SVG editors.

I usually fall back to Illustrator and then clean up the resulting markup, or a text-based editor such as https://www.svgviewer.dev/

Your UX is quite polished, and your tool already supports more features than other ones I've found, good work!

For reference this is my project, https://github.com/jwmcglynn/donner, which has a web-based "editor" (currently just code-based editing) prototype here: https://jwmcglynn.github.io/donner-editor/

SVG is one of those things that has lots of potential but has been impacted by not-so-great tooling, it's my passion and I'm glad to see innovation in the space.

somethingsome•16m ago
What's the problem with inkscape? It has some bugs, but otherwise it works quite well
Matheus28•2h ago
You might wanna look into Skia’s pathkit for a lot of path transformations it can do and you could use.
sandreas•2h ago
Nice thank you. I often use https://github.com/Yqnn/svg-path-editor, but I'm going to try this one out.
VoltCraft•57m ago
checked the generated SVG for clues and was glad to see you have a link to the editor. very nice! https://www.hyvector.com/dtd

ALICE detects the conversion of lead into gold at the LHC

https://www.home.cern/news/news/physics/alice-detects-conversion-lead-gold-lhc
358•miiiiiike•5h ago•194 comments

Why 536 was 'the worst year to be alive' (2018)

https://www.science.org/content/article/why-536-was-worst-year-be-alive
25•Jimmc414•58m ago•2 comments

Launch HN: Nao Labs (YC X25) – Cursor for Data

71•ClaireGz•3h ago•34 comments

Past, present, and future of Sorbet type syntax

https://blog.jez.io/history-of-sorbet-syntax/
79•PaulHoule•3h ago•34 comments

Inventing the Adventure Game (1984)

http://www.warrenrobinett.com/inventing_adventure/
20•CaesarA•1h ago•1 comments

Sofie: open-source web based system for automating live TV news production

https://nrkno.github.io/sofie-core/
207•rjmunro•6h ago•29 comments

21 GB/s CSV Parsing Using SIMD on AMD 9950X

https://nietras.com/2025/05/09/sep-0-10-0/
196•zigzag312•6h ago•85 comments

New Tool: lsds – List All Linux Block Devices and Settings in One Place

https://tanelpoder.com/posts/lsds-list-linux-block-devices-and-their-config/
32•mfiguiere•1h ago•3 comments

In the Network of the Conclav: How we "guessed" the Pope using network science

https://www.unibocconi.it/en/news/network-conclave
69•taubek•2h ago•43 comments

Itter.sh – Micro-Blogging via Terminal

https://www.itter.sh/
132•rrr_oh_man•6h ago•38 comments

Show HN: Oliphaunt – A native Mastodon client for macOS

https://testflight.apple.com/join/Epq1P3Cw
49•anosidium•3h ago•16 comments

Rollstack (YC W23) Is Hiring TypeScript Engineers (Remote US/CA)

https://www.ycombinator.com/companies/rollstack-2/jobs/QPqpb1n-software-engineer-typescript-us-canada
1•yjallouli•3h ago

Show HN: A backend agnostic Ruby framework for building reactive desktop apps

https://codeberg.org/skinnyjames/hokusai
45•zero-st4rs•4h ago•18 comments

Show HN: Aberdeen – An elegant approach to reactive UIs

https://aberdeenjs.org/
152•vanviegen•7h ago•83 comments

LegoGPT: Generating Physically Stable and Buildable Lego

https://avalovelace1.github.io/LegoGPT/
522•nkko•15h ago•134 comments

Show HN: BlenderQ – A TUI for managing multiple Blender renders

https://github.com/KyleTryon/BlenderQ
34•TechSquidTV•3h ago•3 comments

Show HN: Hyvector – A fast and modern SVG editor

https://www.hyvector.com
215•jansan•9h ago•45 comments

CryptPad: An Alternative to the Google Suite

https://cryptpad.org/
117•ColinWright•8h ago•30 comments

Cell Mates: Extracting Useful Information from Tables for LLMs

https://www.gojiberries.io/cell-mates-extracting-useful-information-from-tables-for-llms/
17•goji_berries•2d ago•1 comments

Reverse Engineering "DNA Sequences" in the Lost World: Jurassic Park Video Game

https://32bits.substack.com/p/under-the-microscope-the-lost-world
13•bbayles•2d ago•0 comments

Data manipulations alleged in study that paved way for Microsoft's quantum chip

https://www.science.org/content/article/data-manipulations-alleged-study-paved-way-microsoft-s-quantum-chip
167•EvgeniyZh•8h ago•119 comments

The Anarchitecture Group

https://www.spatialagency.net/database/the.anarchitecture.group
21•jruohonen•3h ago•3 comments

NSF faces shake-up as officials abolish its 37 divisions

https://www.science.org/content/article/exclusive-nsf-faces-radical-shake-officials-abolish-its-37-divisions
346•magicalist•7h ago•443 comments

The birth of AI poker? Letters from the 1984 WSOP

https://www.poker.org/latest-news/the-birth-of-ai-poker-letters-from-the-1984-wsop-a4v2W4N4X3EP/
35•indigodaddy•4d ago•9 comments

Implementing a Struct of Arrays

https://brevzin.github.io/c++/2025/05/02/soa/
101•mpweiher•9h ago•34 comments

Show HN: Agents.erl (AI Agents in Erlang)

https://github.com/arthurcolle/agents.erl
24•arthurcolle•2d ago•14 comments

The CL1: the first code deployable biological computer

https://corticallabs.com/cl1.html
30•sprawl_•2d ago•14 comments

A Taxonomy for Rendering Engines

https://c0de517e.com/021_taxonomy.htm
38•ibobev•3d ago•13 comments

Hollow Core Fiber (HCF)

https://www.holightoptic.com/what-is-hollow-core-fiber-hcf%ef%bc%9f/
48•giuliomagnifico•6h ago•22 comments

The Linux Kernel's PGP Web of Trust

https://blog.kleine-koenig.org/ukl/the-linux-kernels-pgp-web-of-trust.html
72•JNRowe•9h ago•11 comments