svgr

Transform SVGs into React components 🦁 [Moved to: https://github.com/gregberge/svgr] (by smooth-code)
Add to my DEV experience svg2react svg-to-react SVG svgo React react-svg react-svg-creator svg-react webpack-loader Webpack inline-svg react-svg-loader Loader React Native

DISCONTINUED

Suggest alternative
Edit details
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.
surveyjs.io
featured

Svgr Alternatives

Similar projects and alternatives to svgr

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better svgr alternative or higher similarity.
Suggest an alternative to svgr

svgr reviews and mentions

Posts with mentions or reviews of svgr. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-03-14.
  • Setup Jest to React Typescript Vite project, also SWC (part 1)
    13 projects | dev.to | 14 Mar 2022
    // config/jest/fileTransform.js "use strict"; const path = require("path"); const camelcase = require("camelcase"); // This is a custom Jest transformer turning file imports into filenames. // http://facebook.github.io/jest/docs/en/webpack.html module.exports = { process(src, filename) { const assetFilename = JSON.stringify(path.basename(filename)); if (filename.match(/\.svg$/)) { // Based on how SVGR generates a component name: // https://github.com/smooth-code/svgr/blob/01b194cf967347d43d4cbe6b434404731b87cf27/packages/core/src/state.js#L6 const pascalCaseFilename = camelcase(path.parse(filename).name, { pascalCase: true, }); const componentName = `Svg${pascalCaseFilename}`; return `const React = require('react'); module.exports = { __esModule: true, default: ${assetFilename}, ReactComponent: React.forwardRef(function ${componentName}(props, ref) { return { $$typeof: Symbol.for('react.element'), type: 'svg', ref: ref, key: null, props: Object.assign({}, props, { children: ${assetFilename} }) }; }), };`; } return `module.exports = ${assetFilename};`; }, };

Stats

Basic svgr repo stats
1
8,526
8.7
about 2 years ago

smooth-code/svgr is an open source project licensed under MIT License which is an OSI approved license.

The primary programming language of svgr is TypeScript.

Popular Comparisons

  1. svgr VS swc
  2. svgr VS ts-jest
  3. svgr VS vitest
  4. svgr VS jest-with-vite
  5. svgr VS vercel
  6. svgr VS jest-dom
  7. svgr VS jsdom
  8. svgr VS svg-gobbler
  9. svgr VS vite
  10. svgr VS responsive-loader

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com