This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
Tween
Animated React components AI can't build for you
Tween is an registry of high-end animated React components and landing-page sections installable directly with the shadcn CLI: npx shadcn@latest add tween/. 30+ components built with GSAP, Three.js, Framer Motion, and React 19. Parallax scrolls, scroll-triggered text reveals, sticky cards, vinyl covers, raw-shader WebGL scenes the kind of motion AI tools can't generate for you. You own the code. No runtime dependency. Production-ready.
Hey Product Hunt 👋
I built it because every animation library I tried felt like furniture you couldn't move. You'd npm install, get a black-box component, and the moment you needed to tweak the easing or restructure the layout you were stuck reading their source on GitHub.
Tween is different. Every component installs straight into your codebase via `npx shadcn@latest add tween/`. You own the source. Tweak it, extend it, break it it's yours.
Under the hood: Next.js 15, React 19, GSAP 3 (ScrollTrigger + SplitText), Three.js for the raw-shader work, Tailwind v4. ~30 components today, growing weekly. The bet is on animations that AI tools genuinely struggle to generate the kind where easing curves, scroll choreography, and shader detail actually matter.
Would love to hear what you think what's missing, what feels off, which components you'd want next. I'm in the comments all day.
About Tween on Product Hunt
“Animated React components AI can't build for you”
Tween was submitted on Product Hunt and earned 3 upvotes and 1 comments, placing #92 on the daily leaderboard. Tween is an registry of high-end animated React components and landing-page sections installable directly with the shadcn CLI: npx shadcn@latest add tween/. 30+ components built with GSAP, Three.js, Framer Motion, and React 19. Parallax scrolls, scroll-triggered text reveals, sticky cards, vinyl covers, raw-shader WebGL scenes the kind of motion AI tools can't generate for you. You own the code. No runtime dependency. Production-ready.
On the analytics side, Tween competes within Design Tools, Developer Tools and Tech — topics that collectively have 1.4M followers on Product Hunt. The dashboard above tracks how Tween performed against the three products that launched closest to it on the same day.
Who hunted Tween?
Tween was hunted by Mohammad. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of Tween including community comment highlights and product details, visit the product overview.
Mohammad