An open API service indexing awesome lists of open source software.

https://github.com/konsumer/inkscape-react

Cross-platform Inkscape plugin to output a React JSX file from SVG
https://github.com/konsumer/inkscape-react

Last synced: over 1 year ago
JSON representation

Cross-platform Inkscape plugin to output a React JSX file from SVG

Awesome Lists containing this project

README

          

# inkscape-react

This will allow you to output React components from inkscape.

## installation

Run `npm i -g inkscape-react`

Then copy `inkscape-react.inx` to your extensions directory (`$HOME/.config/inkscape/extensions`.)

After this, find the option "React Component (*.jsx)" under "Save As" in "File."

## example

This:

![Tiger SVG](https://upload.wikimedia.org/wikipedia/commons/f/fd/Ghostscript_Tiger.svg "Tiger SVG")

gets turned into [this](https://codepen.io/konsumer/pen/JyMQjx):

```jsx
import React from 'react'

export const GhostscriptTiger = () => (




















































































































































































































































































































































































































































































































































































































































































































































)
export default GhostscriptTiger

```