Skip to content

The best SVGR alternatives

7 tools that do a similar job to SVGR, 7 of them open source. Each entry says what it does and who it suits, so you can pick the one that fits instead of the most famous.

You're replacing

SVGR

Converts SVG icon files into React components you can import and use in code.

  1. 1

    SVGO

    Open source · MIT · ★ 22.8k

    Shrinks SVG image files by removing redundant data, via a Node.js library or command line.

    Best for: Web developers who want smaller SVG icons and images loaded in pages; Developers automating SVG cleanup in a build step or script

  2. 2

    mo · js

    Open source · MIT · ★ 18.9k

    A JavaScript library for building motion graphics and animations on web pages.

    Best for: Front-end developers who want decorative animated effects like bursts, shapes, or icon animations; Developers who already use a bundler such as webpack or rollup and want to install via npm

  3. 3

    react-loadable

    Open source · MIT · ★ 16.5k

    A React helper that loads components on demand using promises, to shrink your initial bundle.

    Best for: React developers whose main JavaScript bundle has grown large; Apps that use Webpack and want component-level code splitting

  4. 4

    Tamagui

    Open source · MIT · ★ 14.3k

    A TypeScript library for building React and React Native UIs that share styling and code.

    Best for: Teams building the same app for web and native with React; Developers who want shared styling across React Native and react-native-web

  5. 5

    visx

    Open source · MIT · ★ 21.1k

    A set of reusable React building blocks for drawing custom charts, built on d3 math.

    Best for: React developers who want full control over how a chart looks and behaves; Teams building their own reusable chart library on top of shared components

  6. 6

    nivo

    Open source · MIT · ★ 14.1k

    React chart components for building data visualizations, built on d3.

    Best for: React developers who need charts in a web app; Teams that want charts rendered on the server as well as in the browser

  7. 7

    react-content-loader

    Open source · MIT · ★ 14k

    A React component that draws grey placeholder shapes while content loads.

    Best for: React developers who want loading placeholders for cards, lists, or profiles; Teams that want a small dependency for skeleton screens on the web

How we pick: tools in the same category that solve the same problem, projects that name each other as alternatives, and open-source projects that describe themselves as an alternative to SVGR. We don't take payment for placement.