How to use SVGs in React

• plugins

  5 2,996 9.6 JavaScript

  🍣 The one-stop shop for official Rollup plugins (by rollup)

  

  In Webpack 5, this is (surprisingly) simple to setup. Parcel 2 handles this out of the box with a special import prefix. Rollup has an official plugin.

• svgr

  15 9,309 8.3 TypeScript

  Transform SVGs into React components 🦁

  SVGR is the library that powers this ability. Setting it up could be a little hairy, thankfully many popular frameworks (Create React App, Gatsby) support this feature out of the box.

• Klotho

  klo.dev

  sponsored

  AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

  

• node

  355 92,933 10.0 JavaScript

  Node.js JavaScript runtime :sparkles::turtle::rocket::sparkles:

  

  All examples will use create-react-app (CRA) and CSS Module. A way to start a CRA project is using codesandbox. Otherwise, make sure Node is installed (any TLS versions will do) and run this:

• sanity-pizza

  0 2 0.0 JavaScript

  See the getting started guide for further information. If you'd like a reference, see the project on Github.

• create-react-app

  224 98,606 6.9 JavaScript

  Set up a modern web app by running one command.

  

  All examples will use create-react-app (CRA) and CSS Module. A way to start a CRA project is using codesandbox. Otherwise, make sure Node is installed (any TLS versions will do) and run this:

• codesandbox-client

  191 12,129 8.3 JavaScript

  An online IDE for rapid web development

  

  All examples will use create-react-app (CRA) and CSS Module. A way to start a CRA project is using codesandbox. Otherwise, make sure Node is installed (any TLS versions will do) and run this:

Suggest a related project