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.
Report
Reviews
No reviews yetBe the first to leave a review for Tween