React-svg-pan-zoom – A component that adds pan and zoom to SVG
:eyes: A React component that adds pan and zoom features to SVG - chrvadala/react-svg-pan-zoom
React-svg-pan-zoom – A component that adds pan and zoom to SVG launched on December 7, 2016 with 48 votes, #1,364 of 3,449 launches that month and more than 90% of that year's launches. The site was still online in September 2026, 9 years on.
In plain words
React-svg-pan-zoom is a React component that enables pan and zoom functionality for SVG images. It allows users to interact with scalable vector graphics by moving around the canvas and adjusting magnification levels. The component is designed for developers building web applications that need interactive SVG viewing capabilities, such as diagram editors, map viewers, or data visualization tools. It provides a straightforward way to add these interactive features to React-based projects.
written from the facts on this page · September 2026
Does a similar job
all alternatives →
React SVG Pan Zoom2017 · chrvadala.github.io · ▲5A React component to display big SVG images in a small space
- MSMake SVGs interactive in React with 1 line2025 · svggles.vercel.app · ▲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…
- MWMixing WebGL and HTML, Both Rendered Out in React2019 · subdued-health.surge.sh · ▲129
A React components library for building interactive maps2017 · github.com · ▲88A data aware UI components library for building realtime maps - reactivemaps/README.md at master · appbaseio/reactivemaps
ReactCircle – Renders SVG circle and percentage2018 · github.com · ▲63Renders a svg circle + progress, it just works 💘. Contribute to zzarcon/react-circle development by creating an account on GitHub.
More life & fun this month
the category →
A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.
Life & fun · 3d ago · permit.petercai.com
- IV
Life & fun · 15d ago · tanzaniaeducationproject.org
Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.
Life & fun · 16d ago · bigwords.page
Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.
Life & fun · 10d ago · guitoro.com
Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.
Life & fun · 14d ago · carrierexplode.com
Life & fun · 24d ago · space.bl2.net
Source: Show HN post ↗
Launched alongside, December 2016
the whole month →
Talking face-to-face with your team is just one click away
Work · 2016 · slack.com
What's your workplace flavor? Join 10M+ users and take the free personality test to find out. Discover your workplace strengths and ideal career path in under 3 minutes with our CPTI™ assessment, based on the Myers-Briggs framework.
Dev tools · 2016 · cake.me
