←back to thread

53 points shantingHou | 1 comments | | HN request time: 0.208s | 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
simlevesque ◴[] No.43550773[source]
This example doesn't seem to work, I hover it and nothing happens, in incognito, chrome latest: https://svggles.vercel.app/?tab=Documentation%2FHover%2FAnim...
replies(2): >>43551019 #>>43551226 #
1. ◴[] No.43551019[source]