Settings

Theme

Show HN: A tool for editing, optimizing and converting SVG files to JSX or PNG

svgviewer.dev

10 points by shadow_s 5 years ago · 5 comments

Reader

husseiny 5 years ago

This is really cool, I love little tools like this that can help you with a quick task when needed. One thing that would make this even better is being able to click on an element in the SVG and choose a color from there.

aiibe 5 years ago

I used this tool for the same purpose, good alternative tho.

https://react-svgr.com/playground/

shadow_sOP 5 years ago

Hey guys! I wanted to develop a simple tool that would help web designers and developers quickly edit SVG files in code and convert them to whatever they want. Let me know if you have any feedback or suggestions on how to improve it!

ericls 5 years ago

I don't know if this is bug or feature:

You can use hex and binary numbers on the left, which leads to invalid svg but the preview still works.

numToStr 5 years ago

React Native section will be very useful to quickly make RN svg component. Nice Job.

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection