21st
12,000+ hand-crafted React and Tailwind components, templates and shadcn themes.
WebsiteWorkflowsWebFreemium
4.7Visit
Framework
Planes
100+ interactive React components with Tailwind and Motion source for modern interfaces.
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 Planes?
Planes is an interaction layer for React with more than 100 interactive components, each shipped as React, Tailwind and Motion source that drops into Next.js or any React app. It is built to work well with agents such as Claude and Cursor.
Pros
- 100+ polished interactive components
- Source code you own and can edit
- Works well with coding agents
Cons
- Paid, with a one-time price
- Needs React and Tailwind
Who should use Planes
React developers who want ready-made interactive UI.
Who may not need it
People who want free-only libraries.
Planes alternatives
Similar resources to Planes, picked from the directory.
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
Tween UI
GSAP and CSS animated components for React that you copy and own.
FrameworkWorkflowsWebFree
4.3Visit
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
Free alternatives to Planes
Free resources that cover similar ground.
Kokonut UI
100+ free, open-source UI components for React and Tailwind CSS.
FrameworkWorkflowsWebFree
4.6Visit
Kobra Input OTP
A segmented one-time-code input for React, with every state designed.
FrameworkWorkflowsWebFree
4.5Visit
Spectrum UI
Open-source animated React components and blocks for SaaS and AI apps.
FrameworkWorkflowsWebFree
4.5Visit
UI Skills
A collection of design-engineering skills for accessibility, motion, frontend craft and interface quality.
WebsiteWorkflowsWebFree
4.5Visit
CSS Buttons
Over 100 free button styles with copy-paste CSS code.
WebsiteWorkflowsWebFree
4.3Visit
shadercn
Beautiful WebGPU/WGSL shader components for React, built on vgpu and TypeGPU and distributed via shadcn.
WebsiteWorkflowsWebFree
4.5Visit
Featured on Best Productivity Resources
Made Planes? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/planes" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>