GithubHelp home page GithubHelp logo

wizebin / sketch-svg-to-react-component Goto Github PK

View Code? Open in Web Editor NEW

This project forked from reeli/sketch-svg-to-react-component

0.0 1.0 0.0 532 KB

Sketch plugin to compress SVG and transform it to React (include React Native) components. By copy React component directly to you clipboard or export as files.

JavaScript 100.00%

sketch-svg-to-react-component's Introduction

sketch-svg-to-react-component

The sketch plugin which can transform svg to react or react native svg component.

Install

The most recent version you can find here: Download the latest Sketch-Svg-to-React-Component

Usage

  • Copy sketch selected layers as React Component: cmd + option + r
  • Copy sketch selected layers as RN Component: cmd + option + n
  • Export multiple svg as React Component

Upcoming soon

  • Export multiple svg as RN Component

Road Map

  • Format copied string by prettier
  • Remove specific characters in filename like @2x, otherwise will cause error
  • Replace svgr by simplify-svg
  • Add outline for svg
  • Export react components with customized template

Publish

  • rm assets/node_modules before publish

sketch-svg-to-react-component's People

Contributors

reeli avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.