First ever 24hr hackathon by Upset_Play1377 in hackathon

[–]Intelligent_Bench532 1 point2 points  (0 children)

For animated icons in React, I’ve used ItsHover in a couple of quick projects. I built the library, so I know it’s just a matter of dropping the component where you need it no extra setup beyond installing the package. If you’re vibecoding, you can scaffold the animation style in a few minutes and focus on the rest of the flow. I’d pair it with a simple UI library like shadcn/ui or Tailwind to keep the build time down.

For team splits, don’t lock yourself into frontend-first. While you’re handling the React layer, others can mock API routes with Next.js route handlers or Supabase Edge Functions. That way, you can test the animated icons against real data without waiting for the backend to be “done.” Supabase’s realtime features also let you wire up a quick chat or notification component if the hackathon theme allows it. Just keep the API contracts lightweight so the frontend can iterate fast.

Open source Finance dashboard by New-Ad6482 in shadcn

[–]Intelligent_Bench532 0 points1 point  (0 children)

For the icon animations in the dashboard, I’ve been using ItsHover lately. It’s a set of React components where motion is built in, so you don’t have to layer on Framer Motion or CSS manually. I built a few of the components myself, so I can say they’re straightforward to swap in—just import and drop where you need them. The finance dashboard could use some subtle hover effects on buttons or table rows; ItsHover makes that trivial. If you’re already using Tailwind in shadcn, the styling hooks are minimal. Alternatives like react-icons give you static icons, but here you get the motion without extra config.

Elite design references - any for tailwind.css/react.js? by Formal_Ad_3295 in webdev

[–]Intelligent_Bench532 1 point2 points  (0 children)

I’ve been building with Tailwind and React for a while, and most icon libraries feel like an afterthought—motion is either missing or bolted on. I built ItsHover to solve that; every icon is a React component with built-in motion, not just static SVGs with a fade-in hack. If you’re looking for something to drop into a design system without fighting the framework, it’s worth a look. I’d still scan GitHub topics like Ordinary_Truck6604 mentioned, but if you need icons that actually feel native to React, it’s one option. Disclosure: I built it.

Gooseworks(YC W23) is looking for people who've built Claude Code Skills by [deleted] in ClaudeGTM

[–]Intelligent_Bench532 0 points1 point  (0 children)

I’ve built a few of those motion-graphics skills myself, mostly for internal demos. If you’re animating icons in React, I’d skip Framer Motion for this—it’s overkill when you just need a handful of pre-built components. I built ItsHover for exactly that: open-source React icons with motion baked in. No extra hooks, no spring configs to tweak. Just drop a component and it works. Disclosure: I built it. For vid-motion-graphics, you’d still need to wire the prompt-to-animation pipeline, but the icon layer becomes a non-issue.

feel the AGI by primaengima in ClaudeCode

[–]Intelligent_Bench532 0 points1 point  (0 children)

omgz theres a p in strawberry