Svelvet
Dev tools
ui component library
SHOW HN2022
354points
91comments
#106of 2,570 in 2022
Top 5%of 2022 by points
How HN took it
MixedNo clear lean
9 positive, 25 neutral or asking, 2 mixed, 15 critical, out of 51 comments about the project. Thread score -0.13.
Idea: 2 for, 5 againstPerformance: 1 for, 4 againstDocs: 1 for, 3 againstDesign: 2 for, 1 againstExecution: 0 for, 1 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Clean look and feel of the demo
From 3 comments
So clean! love it.
yoda97 on HNNot to detract this component but I can say with certainty that people will be writing Desktop applications with Svelte/React running inside Electron that takes up gigs of ram.…
upupandup on HNOh man, I could have really used something like this 4 years ago. I was doing a personal project that would have involved a node graph UI, and it was actually kind of challenging…
ravenstine on HN
Fills a gap for Svelte developers needing node diagrams
From 2 comments
Seems to be - which is cool, Im a fan of Svelte so more community investment is great! "Svelvet is an open source Svelte component library which seeks to port React Flow…
bennyp101 on HNVery nice! I love Svelte, and reading code like this is a great way to learn how to use it better. Has anybody made a customizable JSON tree editor / browser for Svelte?…
DonHopkins on HN
Objections
Slow or laggy performance, especially on mobile and in some browsers
From 4 comments
The performance on my S21 Ultra is pretty bad. Feels like ~40fps and stuttering. Also, it doesn't have mobile interaction for dragging nodes. I can only pan the canvas.
Philip-J-Fry on HNBeautiful, but so so slow. I wouldn't call this lightweight.
jspaetzel on HNThe page causes my CPU to go crazy.
welder on HNOn my phone, with Chrome Android it's smooth and fast, but on Firefox Android it feels about 20fps and isn't great.
a2128 on HN
No mobile node dragging, only panning
From 3 comments
The performance on my S21 Ultra is pretty bad. Feels like ~40fps and stuttering. Also, it doesn't have mobile interaction for dragging nodes. I can only pan the canvas.
Philip-J-Fry on HNThis is so great. How hard would/will it be to make the nodes draggable? Edit: maybe it already does this but it is hard to interact with on the phone. Edit2: can’t move them on…
whiddershins on HNhi, thank you for this suggestion! We noticed the same issue during development and we definitely have it listed as a feature we'd like to add on. :) I do not believe that…
anulepau on HN
Confusing name that is close to Svelte
From 2 comments
Why was such a confusing name chosen? Even the Hacker News title already gets it wrong. Just think how many times this will cause confusion that wastes time being clarified.
bmitc on HNI agree on the title editing, which I in general dislike, especially when no comment is left. But I disagree that this isn't confusing. Imagine the conversation: ``` Dev1: Says…
bmitc on HN
Page requires JavaScript to show anything
From 1 comment
Too bad the page requires Javascript to view. This trend is not conducive to expanding engagement by those of us who run script blockers like NoScript as the default mode. [edit:…
photochemsyn on HN
Requests
Static image export such as SVG
From 1 comment
Nice! Would be great if it could generate static images of a diagram in e.g. SVG.
johnm on HN
Multi-select and move of nodes
From 1 comment
Is there a way to select and move multiple nodes at once?
pitaj on HN
Snapping and helper lines for alignment
From 1 comment
It would be great to have some more helper lines when dragging things aroung and some optional snapping to the helper lines, to be able to properly align everything. I often use…
zelphirkalt on HN
Import of DOT data
From 1 comment
Can it import DOT data? I have too many graphviz tools to just abandon dot.
greyhair on HN
Questions
Can nodes be positioned automatically in rows or with a layout algorithm
From 2 comments
Looks very good! I haven’t read all the documentation but I haven’t seen it so I’ll ask here: is it possible to automatically position the nodes in rows? Or are there APIs which…
nrabulinski on HNWhat's the layout library? elkjs?
tunesmith on HN
Support for named ports on nodes
From 1 comment
Appears to have no named ports on nodes, key feature for many uses in my domain.
airbreather on HN
Alternatives named
React Flow
From 3 comments
Nice, so React Flow for Svelte?
simonbarker87 on HNIf you're on React these days ReactFlow (https://reactflow.dev) is good for this.
robertlagrant on HNIt’s a timely development given React Flow’s recent cash grab.
steve_taylor on HN
Graphviz
From 2 comments
While I can see how point-and-clickers love things like this, I prefer building connections using markup. So things like Graphviz, PlantUML, and Mermaid appeal to me. However,…
encryptluks2 on HNIf you are going to let the program do the layout automatically, then graphviz dot already does really good, right? I think the reason people make these projects is specifically…
bee_rider on HN
PlantUML
From 1 comment
I use PlantUML + Dropbox to share . It's not pretty but it is powerful. We make it interactive by editing the text file and saving the changes. There is also a VSCode plugin for…
manishsharan on HN
Cytoscape.js
From 1 comment
> Yeah, I know there's D3.js but that involved way more knowledge and learning than I was interested in. Same, d3 looked very powerful but had a steep learning curve. I was…
lhoursquentin on HN