nowfound

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

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

    2017 · chrvadala.github.io · its alternatives →

  2. 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 →

  3. 3MW
  4. 4

    Build your web application in a snap.

    2019 · react-rainbow.io · its alternatives →

  5. 5

    UI elements in ready-to-use components for React

    2017 · coolsymbol.now · its alternatives →

  6. 6
    Overlay▲310

    Turn Figma components into clean and reusable React/Vue.js

    2020 · its alternatives →

  7. 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. 8
    Aspect▲106

    Create react components visually

    2022 · aspect.app · its alternatives →

  9. 9

    A data aware UI components library for building realtime maps - reactivemaps/README.md at master · appbaseio/reactivemaps

    2017 · github.com · its alternatives →

  10. 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. 11
    SVG UI▲17

    Animated svg components

    2025 · its alternatives →

  12. 12

    Griddle - React Grid component.

    2015 · dynamictyped.github.io · its alternatives →

  13. 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. 14

    Lightweight SVG/CSS spinners for React

    2020 · adexin.github.io · its alternatives →

  15. 15

    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 →

  16. 16RD
  17. 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. 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. 19

    Pure CSS shadow to indicate more content in scrollable area - zzarcon/react-scroll-shadow

    2018 · github.com · its alternatives →

  20. 20
    Rafty UI▲101

    Radix UI + Tailwind CSS - React component library

    2023 · rafty.rhinobase.io · its alternatives →

  21. 21

    A library of React components to make SVG maps

    2017 · react-simple-maps.io · its alternatives →

  22. 22

    An open-source app for managing keymaps in popular editors 🖥

    2018 · timadevelop.github.io · its alternatives →

  23. 23IM

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

    2024 · flitter.pages.dev · its alternatives →

  24. 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 →