Alternatives

Products that do what React-svg-pan-zoom – A component that adds pan and zoom to SVG does

1. 1MS
   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

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

   2015 · dynamictyped.github.io

3. 3AA
   An Almost Ideal React Image Component▲106

   2018 · github.com

4. 4RD
   React-Designer – Editable Vector Graphics in React Components▲38

   2016 · fatiherikli.github.io

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

   2020 · github.com

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

   2019 · subdued-health.surge.sh

7. 7
   Coördinator▲94

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

   2018

8. 8NA
   Navigable and zoomable grid built with React▲5

   2018 · github.com

9. 9RR
   ReactCircle – Renders SVG circle and percentage▲63

   2018 · github.com

10. 10ZU
    Zircle UI – a circular zooming user interface library based on Vue.js▲56

    2017 · zircle.io

11. 11
    Snap.svg▲100

    JavaScript SVG library for the modern web

    2014

12. 12CI
    Customizable Image Zoom with Pure JavaScript▲16

    2016 · desmonding.me

13. 13RA
    React-ApexCharts – Elegant SVG Charts in React.js▲6

    2018 · github.com

14. 14G1
    Griddle 1.0 – A customizable datagrid component for React▲60

    2017 · griddlegriddle.github.io

15. 15
    Aspect▲106

    Create react components visually

    2022

16. 16CA
    Coördinator, a visual interface for turning an SVG into XY coördinates▲30

    2018 · spotify.github.io

17. 17SC
    SVG Clocks▲107

    2014 · s3.amazonaws.com

18. 18RC
    ReactScrollShadow – CSS shadow to indicate scrollable area▲38

    2018 · github.com

19. 19RT
    React-tater – A React component to add annotations to any element▲77

    2020 · github.com

20. 20RS
    ReactJS SVG Bauble Toggle▲6

    2017 · codepen.io

21. 21ST
    SVG Triangulation for WebGL▲94

    2015 · mattdesl.github.io

22. 22
    ZoomCharts▲77

    Touch screen enabled HTML5 graph and charting library

    2014

23. 23RC
    React component using CSS Grids for dynamic layouts▲17

    2018 · github.com

24. 24LE
    Live-Editable SVG Shaders/Filters for Drawing▲48

    2022 · sketchy.cs.brown.edu

Ranked by how close each launch is in meaning, then by votes. Refine with a description →