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

#1

Post by shadow_s » Sun, Aug 09, 2020, 1:18 PM UTC

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

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

#2

Post by shadow_s » Sun, Aug 09, 2020, 1:19 PM UTC

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!

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

#3

Post by husseiny » Sun, Aug 09, 2020, 10:10 PM UTC

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.

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

#4

Post by numToStr » Mon, Aug 10, 2020, 6:05 AM UTC

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

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

#5

Post by ericls » Mon, Aug 10, 2020, 3:35 PM UTC

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.

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

#6

Post by aiibe » Tue, Aug 11, 2020, 7:45 PM UTC

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

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