Planes
100+ interactive React components with Tailwind and Motion source for modern interfaces.
FrameworkWorkflowsWebPaid but Affordable
4.3Visit
Framework
Tween UI
GSAP and CSS animated components for React that you copy and own.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
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
- Smooth GSAP-based animations
- You own the copied source
- Modern React 19 and Tailwind v4
Cons
- React only
- Smaller library than larger kits
Who should use Tween UI
React developers who want polished animated components.
Who may not need it
People not using React.
Tween UI alternatives
Similar resources to Tween UI, picked from the directory.
21st
12,000+ hand-crafted React and Tailwind components, templates and shadcn themes.
WebsiteWorkflowsWebFreemium
4.7Visit
Rare UI
A free, open-source registry of rare animated React components.
WebsiteWorkflowsWebFree
4.6Visit
ObsidianUI
React and Tailwind components, blocks and landing templates with motion built in.
FrameworkWorkflowsWebFreemium
4.5Visit
Spectrum UI
Open-source animated React components and blocks for SaaS and AI apps.
FrameworkWorkflowsWebFree
4.5Visit
Animate UI
Animated React components you can copy and paste.
No-Code ToolWorkflowsWebFree
4.4Visit
Free alternatives to Tween UI
Free resources that cover similar ground.
AnimateIcons
1,170+ free animated SVG icons for React, built on Lucide and Motion.
FrameworkWorkflowsWebFree
4.3Visit
audiocn
169 copy-and-paste audio components for React and shadcn/ui.
FrameworkWorkflowsWebFree
4.3Visit
beUI
Free, open-source animated React components built with Motion and Tailwind CSS.
FrameworkLearningWebFree
4.3Visit
Evil Charts
Free, open-source animated chart components for React and shadcn/ui.
FrameworkLearningWebFree
4.3Visit
SHIUI
A flat ink UI kit inspired by Hinomaru Japanese posters, with 111 elements and 24 blocks.
FrameworkWorkflowsWebFree
4.3Visit
shadcn/ui
Beautifully designed, accessible components you own and customize.
FrameworkWorkflowsWebFree
4.9Visit
Featured on Best Productivity Resources
Made Tween UI? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/tween-ui" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>