Tween UI

Free animated React components you own and modify

8 followers

Free animated React components you own and modify

8 followers

A free collection of animated React components and blocks, built with GSAP and Tailwind CSS. The shadcn registry command copies the full code into your project. Own the code and modify it to suit your taste. Free and open source (MIT).

Free

Launch tags:Design Tools•Open Source•Developer Tools

Launch Team / Built With

Render Sandboxes: a computer for every agentGive every agent its own machine. Starts in under a second

Promoted

Vercel

Vercel Day

Which Vercel product did you use? What new capability did it give your team, and how did that shape the product you launched?

Keep Design System

Maker

Vercel hosting, for a Next.js 16 app. Tween UI is an animated React component library you install with the shadcn CLI, so the thing people install is not an npm package — it is a URL. Running "npx shadcn add https://tween-ui.vercel.app/r/sl..." copies that component's full source into their project. That only works if the registry is always reachable and always fresh. Hosting on Vercel let us serve the docs site and the registry from the same deployment: the JSON the CLI fetches is built at the same time as the pages that document it, so they can never drift apart. One push updates both, worldwide, in seconds. Preview deployments shaped how we build too. Every new component gets a live URL before review, so we watch the animation run instead of reading a diff and guessing.

Report

2mo ago

Keep Design System

Maker

📌

Hi Product Hunt 👋 I'm excited to share Tween UI, something I've been working on recently at StaticMania. It's a free collection of animated React components and blocks, built with GSAP and Tailwind CSS. With the shadcn registry command, you get the component's full code copied straight into your project. No npm package to install. Own the code and modify it to suit your taste. What's inside: - Components: buttons, tabs, accordion, flip card, number counter, logo animations, and more - Blocks: hero, pricing, testimonials, process steps, call-to-action, and more It's free and open source (MIT license). I'd love your feedback.

Report

2mo ago

Pros

Cons

Reviews