How to use SVGs in React

• plugins

  16 3,511 8.3 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

  30 10,294 6.1 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.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• node

  920 103,634 9.9 JavaScript

  Node.js JavaScript runtime ✨🐢🚀✨

  

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

  1 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

  575 101,853 1.5 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

  366 12,882 9.5 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