Launching today
Weasel
Animated React icons that respond to your app’s state
3 followers
Animated React icons that respond to your app’s state
3 followers
Give your interface a little emotional range. Weasel brings 874 free SVG icons to React, with meaningful states, custom colours and smooth transitions. Connect them to real app events, or build your own states with the included coding-agent skill. MIT licensed.
Hey Product Hunt! I’m Vinod, the maker of Weasel.
An icon should tell you what just happened. A download moving from idle to downloading to complete is more useful than a button that simply wiggles. That’s the idea behind Weasel: small icons with a little emotional range.
Weasel brings 874 free, MIT-licensed SVG icons to React and TypeScript. You set the state from real app events; the icon handles the transition. You can adjust size, stroke, colours and speed, and the icons respect reduced-motion preferences.
Need a state or glyph we haven’t shipped? The included customization skill helps your coding agent edit the SVG while keeping the custom source in your app.
Try the live playground, explore the states and copy a React example. I’d love to hear where you’d use these—and which icon or state you’d want next.
Small icons. Big feelings.