Show HN: Make SVGs interactive in React with 1 line

Hey HNI 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 UIs feel more alive — not just functional, but fun. I also know creativity thrives in community, so it's open source and I’d love to see contributions from artists, developers, or anyone interested in visual interaction.Links: Website + Docs: svggles.vercel.appGitHub: github.com/shantinghou/interactive-illustrationsNPM: interactive-illustrationsLet me know what you think — ideas, feedback, and contributions are all welcome Comments URL: https://news.ycombinator.com/item?id=43549983 Points: 4 # Comments: 1

Avr 1, 2025 - 21:06

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 UIs feel more alive — not just functional, but fun. I also know creativity thrives in community, so it's open source and I’d love to see contributions from artists, developers, or anyone interested in visual interaction.

Links: Website + Docs: svggles.vercel.app

GitHub: github.com/shantinghou/interactive-illustrations

NPM: interactive-illustrations

Let me know what you think — ideas, feedback, and contributions are all welcome

Comments URL: https://news.ycombinator.com/item?id=43549983

Points: 4

# Comments: 1

Lire plus