Planes
Focus: motion and ui. Shares react and components with Tween UI. Paid but Affordable (Tween UI: Free). Same 4.3 rating.
FrameworkPaid but AffordableWeb
4.3Visit
Framework
Tween UI
GSAP and CSS animated components for React that you copy and own.
Rating
4.3 / 5
Pricing
Free
Difficulty
Intermediate
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is Tween UI?
Tween UI is a set of animated React components built with GSAP and Tailwind: 20 components and 25 blocks for React 19 and Tailwind v4. Copy the source and own the animation.
Pros: what Tween UI does well
- Smooth GSAP-based animations
- You own the copied source
- Modern React 19 and Tailwind v4
Cons: where it falls short
- React only
- Smaller library than larger kits
Who Tween UI is for
React developers who want polished animated components.
Who can skip it
People not using React.
Tween UI alternatives
Not sold on Tween UI? These do a similar job, and each card says what it has in common.
21st
Focus: ui, shadcn and templates. Shares react and tailwind with Tween UI. A website, not a framework. Freemium (Tween UI: Free). Rated 4.7 (Tween UI: 4.3).
WebsiteFree planWeb
4.7Visit
Rare UI
Focus: open source. Shares react and components with Tween UI. A website, not a framework. Rated 4.6 (Tween UI: 4.3).
WebsiteFreeWeb
4.6Visit
ObsidianUI
Focus: ui, templates and landing pages. Shares react and tailwind with Tween UI. Freemium (Tween UI: Free). Rated 4.5 (Tween UI: 4.3).
FrameworkFree planWeb
4.5Visit
Spectrum UI
Focus: nextjs, shadcn and open source. Shares react and tailwind with Tween UI. Rated 4.5 (Tween UI: 4.3).
FrameworkFreeWeb
4.5Visit
Animate UI
Focus: copy paste. Shares react and components with Tween UI. A no-code tool, not a framework. Rated 4.4 (Tween UI: 4.3).
No-Code ToolFreeWeb
4.4Visit
Free alternatives to Tween UI
Want to spend nothing? These free picks cover similar ground.
AnimateIcons
Focus: icons, lucide and svg. Shares animation and react with Tween UI. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
audiocn
Focus: audio, shadcn and ui. Shares react and components with Tween UI. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
beUI
Focus: animated components, motion and shadcn. Shares react and tailwind with Tween UI. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
Evil Charts
Focus: charts, shadcn and recharts. Shares react with Tween UI. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
SHIUI
Focus: ui kit, japanese design and flat design. Shares components with Tween UI. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
shadcn/ui
Focus: ui components, open source and design system. Shares react and tailwind with Tween UI. Rated 4.9 (Tween UI: 4.3).
FrameworkFreeWeb
4.9Visit
Are you the maker of Tween UI?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.