←back to thread

53 points shantingHou | 1 comments | | HN request time: 0.34s | source

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

Show context
ckemere ◴[] No.43550933[source]
Doesn't seem to do anything in firefox either.
replies(1): >>43551734 #
1. jazzcomputer ◴[] No.43551734[source]
Try hovering over the symbols on the card - though I couldn't get the morph one to work on Firefox