svg-gobbler VS svgr

Compare svg-gobbler vs svgr and see what are their differences.

svg-gobbler

Open source browser extension that makes designing and developing easier by finding, processing, exporting, optimizing, and managing SVG content. (by rossmoody)

svgr

Transform SVGs into React components 🦁 [Moved to: https://github.com/gregberge/svgr] (by smooth-code)
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
svg-gobbler svgr
1 1
356 8,526
- -
9.2 8.7
29 days ago about 2 years ago
TypeScript TypeScript
Apache License 2.0 MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

svg-gobbler

Posts with mentions or reviews of svg-gobbler. We have used some of these posts to build our list of alternatives and similar projects.

We haven't tracked posts mentioning svg-gobbler yet.
Tracking mentions began in Dec 2020.

svgr

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};`; }, };

What are some alternatives?

When comparing svg-gobbler and svgr you can also consider the following projects:

swc - Rust-based platform for the Web

vitest - Next generation testing framework powered by Vite.

ts-jest - A Jest transformer with source map support that lets you use Jest to test projects written in TypeScript.

pihole-browser-extension - Browser extension to control your pi-hole

svg-screenshots - 📸🧩 Browser extension to take scalable, semantic, accessible screenshots of websites in SVG format.

link-preview-js - Parse and/or extract web links meta information: title, description, images, videos, etc. [via OpenGraph], runs on mobiles and node.

react-icomoon - It makes it very simple to use SVG icons in your React and React-Native projects.

jest-with-vite - Setup Jest with Vite React ⚡️⚛️

jest-dom - :owl: Custom jest matchers to test the state of the DOM

vercel - Develop. Preview. Ship.

Iconify - Upgrade your designs with our browser extension! Download premium SVG icons and stickers from Flaticon, Icons8, and Iconscout hassle-free. No more costly subscriptions.

jsdom - A JavaScript implementation of various web standards, for use with Node.js