Dev tools · alternatives · 2026

24 alternatives to React SVG Pan Zoom

A React component to display big SVG images in a small space

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. React SVG Pan Zoom launched in 2017; newer entries below may have overtaken it.

1. 1
   React-svg-pan-zoom – A component that adds pan and zoom to SVG▲48

   :eyes: A React component that adds pan and zoom features to SVG - chrvadala/react-svg-pan-zoom

   2016 · github.com · its alternatives →

2. 2MS
   Make SVGs interactive in React with 1 line▲54

   Hey HN I built svggles (npm: interactive-illustrations), a React utility that makes it easy to add playful, interactive SVGs to your frontend. It supports mouse-tracking, scroll, hover, and other common interactions, and it's designed to be lightweight and intuitive for React devs. The inspiration came from my time playing with p5.js — I loved how expressive and fun it was to create interactive visuals. But I also wanted to bring that kind of creative freedom to everyday frontend work, in a way that fits naturally into the React ecosystem. My goal is to help frontend developers make their…

   2025 · svggles.vercel.app · its alternatives →

3. 3
   A ReactJS Grid Component with infinite scroll, customization, and more▲122

   Griddle - React Grid component.

   2015 · dynamictyped.github.io · its alternatives →

4. 4MW
   Mixing WebGL and HTML, Both Rendered Out in React▲129

   2019 · subdued-health.surge.sh · its alternatives →

5. 5
   React Rainbow Components▲327

   Build your web application in a snap.

   2019 · react-rainbow.io · its alternatives →

6. 6
   SVG UI▲17

   Animated svg components

   2025 · its alternatives →

7. 7IB
   I built a 4kb alternative to React, Vue, etc for building web UIs.▲343

   2021 · synergyjs.org · its alternatives →

8. 8
   Enhanced Image Viewer▲115

   Chrome's image viewer, but with zoom, pan, and more

   Dec 2025 · its alternatives →

9. 9
   PaneFlow▲87

   PaneFlow is a modern tool designed to help developers and non-developers alike create stunning slideshows visually. With its intuitive interface, you can design and customize slideshows without writing a single line of code. The tool offers instant previews, seamless publishing to CDN, and the unique ability to export your creations as React, Vue, Svelte components, or even as video files, making it easy to integrate into your web projects or share on social media. Key features include: - Lifetime access with a one-time payment - All future updates included at no extra cost - Instant preview…

   Jun 2026 · paneflow.com · its alternatives →

10. 10
    Svg Wave▲210

    A customizable gradient svg wave generators for UI Designs.

    2020 · svgwave.in · its alternatives →

11. 11
    Snap.svg▲100

    JavaScript SVG library for the modern web

    2014 · snapsvg.io · its alternatives →

12. 12
    Spinners React▲110

    Lightweight SVG/CSS spinners for React

    2020 · adexin.github.io · its alternatives →

13. 13
    Coördinator▲94

    A visual interface for turning an SVG into XY coördinates

    2018 · spotify.github.io · its alternatives →

14. 14
    Tragopan – Minimal, dependency-free pan/zoom JavaScript library▲69

    Minimal dependency-free pan/zoom library. Contribute to frameable/tragopan development by creating an account on GitHub.

    2020 · github.com · its alternatives →

15. 15
    An Almost Ideal React Image Component▲106

    🖼️ An Almost Ideal React Image Component. Contribute to stereobooster/react-ideal-image development by creating an account on GitHub.

    2018 · github.com · its alternatives →

16. 16
    ZoomCharts▲77

    Touch screen enabled HTML5 graph and charting library

    2014 · js.zoomcharts.com · its alternatives →

17. 17
    Sencha GRUI▲87

    High-performance, feature-rich grid for react applications

    2021 · sencha.com · its alternatives →

18. 18
    SVG Splash▲120

    A beautifully simple SVG painting application.

    2020 · its alternatives →

19. 19
    ReactCircle – Renders SVG circle and percentage▲63

    Renders a svg circle + progress, it just works 💘. Contribute to zzarcon/react-circle development by creating an account on GitHub.

    2018 · github.com · its alternatives →

20. 20
    Navigable and zoomable grid built with React▲5

    2018 · github.com · its alternatives →

21. 21
    lightGallery▲78

    Full-featured JavaScript image and video gallery

    2021 · lightgalleryjs.com · its alternatives →

22. 22ST
    SVG Triangulation for WebGL▲94

    2015 · mattdesl.github.io · its alternatives →

23. 23
    Gravity▲99

    A modern RPC framework for Svelte, React, Solid and Vue

    2022 · gravity.digitak.dev · its alternatives →

24. 24IM
    I made first declaritive SVG,canvas framework▲74

    you can make your own chart or diagram easily than using d3

    2024 · flitter.pages.dev · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →