Life & fun · alternatives · 2026
24 alternatives to 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 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.… 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 – A component that adds pan and zoom to SVG launched in 2016; newer entries below may have overtaken it.
- 1

A React component to display big SVG images in a small space
2017 · chrvadala.github.io · its alternatives →
- 2MS
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 →
- 3MW
2019 · subdued-health.surge.sh · its alternatives →
- 4

Build your web application in a snap.
2019 · react-rainbow.io · its alternatives →
- 5

UI elements in ready-to-use components for React
2017 · coolsymbol.now · its alternatives →
- 6

- 7

React Chrono v3.0 is a major release for the popular React timeline component. Highlights: - Migrated to Vanilla Extract for zero-runtime CSS (no styled-components) - New grouped configuration API (props: layout, interaction, content, display, media, animation, accessibility, i18n) - Per-element Google Fonts control and font caching - Complete i18n covering 40+ text elements - Cross-browser fullscreen mode with keyboard shortcuts - Advanced dark mode (36 customizable theme props, 13 new in v3.0) - Sticky toolbar, enhanced search - TypeScript, React 18.2+ support - Full backward compatibility…
2020 · github.com · its alternatives →
- 8

- 9

A data aware UI components library for building realtime maps - reactivemaps/README.md at master · appbaseio/reactivemaps
2017 · github.com · its alternatives →
- 10

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 →
- 11

- 12

Griddle - React Grid component.
2015 · dynamictyped.github.io · its alternatives →
- 13

🖼️ An Almost Ideal React Image Component. Contribute to stereobooster/react-ideal-image development by creating an account on GitHub.
2018 · github.com · its alternatives →
- 14
Spinners React▲110Lightweight SVG/CSS spinners for React
2020 · adexin.github.io · its alternatives →
- 15
PaneFlow▲87PaneFlow 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 →
- 16RD
2016 · fatiherikli.github.io · its alternatives →
- 17

Hey Hackers! My name is Alex and I’ve been working on this project for the past 8 months with the support of Figma Creator Fund. I’d love to hear your thoughts from your experience working with designers & component libraries. I started out in design and later got into coding, so I understand both sides really well. I did UX Design for 12 years at startups, at my own studio and at Wix, and then worked as a front-end dev at Wix for 2 more years. I've noticed a common problem: most component libraries work great for devs but not so well for designers. In my experience working with big teams,…
2024 · github.com · its alternatives →
- 18

I built react-kino because I wanted Apple-style scroll experiences in React without pulling in GSAP (33KB for ScrollTrigger alone). The core scroll engine is under 1KB gzipped. It uses CSS position: sticky with a spacer div for pinning — same technique as ScrollTrigger but with zero dependencies. 12 declarative components: Scene, Reveal, Parallax, Counter, TextReveal, CompareSlider, VideoScroll, HorizontalScroll, Progress, Marquee, StickyHeader. SSR-safe, respects prefers-reduced-motion, works with Next.js App Router. Demo: https://react-kino.dev GitHub:…
Mar 2026 · github.com · its alternatives →
- 19

Pure CSS shadow to indicate more content in scrollable area - zzarcon/react-scroll-shadow
2018 · github.com · its alternatives →
- 20
Rafty UI▲101Radix UI + Tailwind CSS - React component library
2023 · rafty.rhinobase.io · its alternatives →
- 21

A library of React components to make SVG maps
2017 · react-simple-maps.io · its alternatives →
- 22
bindings.▲67An open-source app for managing keymaps in popular editors 🖥
2018 · timadevelop.github.io · its alternatives →
- 23IM
you can make your own chart or diagram easily than using d3
2024 · flitter.pages.dev · its alternatives →
- 24

Minimal dependency-free pan/zoom library. Contribute to frameable/tragopan development by creating an account on GitHub.
2020 · github.com · its alternatives →
Also compare
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 →