Skip to content
Day 69: new resources are added every day. See what's new

Framework

Planes

100+ interactive React components with Tailwind and Motion source for modern interfaces.

Visit Planes4.3
  • Rating

    4.3 / 5

  • Pricing

    Paid but Affordable

  • Difficulty

    Intermediate

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

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: what Planes does well

  • 100+ polished interactive components
  • Source code you own and can edit
  • Works well with coding agents

Cons: where it falls short

  • Paid, with a one-time price
  • Needs React and Tailwind

Who Planes is for

React developers who want ready-made interactive UI.

Who can skip it

People who want free-only libraries.

Planes alternatives

Not sold on Planes? These do a similar job, and each card says what it has in common.

21st

Focus: shadcn and templates. Shares react and tailwind with Planes. A website, not a framework. Freemium (Planes: Paid but Affordable). Rated 4.7 (Planes: 4.3).

WebsiteFree planWeb

audiocn

Focus: audio and shadcn. Shares react and components with Planes. Free (Planes: Paid but Affordable). Same 4.3 rating.

FrameworkFreeWeb

beUI

Focus: animated components and shadcn. Shares react and tailwind with Planes. Free (Planes: Paid but Affordable). Same 4.3 rating.

FrameworkFreeWeb

Tween UI

Focus: gsap and animation. Shares react and tailwind with Planes. Free (Planes: Paid but Affordable). Same 4.3 rating.

FrameworkFreeWeb

Rare UI

Focus: open source. Shares react and components with Planes. A website, not a framework. Free (Planes: Paid but Affordable). Rated 4.6 (Planes: 4.3).

WebsiteFreeWeb

ObsidianUI

Focus: animation, templates and landing pages. Shares react and tailwind with Planes. Freemium (Planes: Paid but Affordable). Rated 4.5 (Planes: 4.3).

FrameworkFree planWeb

Free alternatives to Planes

Want to spend nothing? These free picks cover similar ground.

Kokonut UI

Focus: ui components, nextjs and open source. Shares react and tailwind with Planes. Free (Planes: Paid but Affordable). Rated 4.6 (Planes: 4.3).

FrameworkFreeWeb

Kobra Input OTP

Focus: component, otp and forms. Shares react and tailwind with Planes. Free (Planes: Paid but Affordable). Rated 4.5 (Planes: 4.3).

FrameworkFreeWeb

Spectrum UI

Focus: nextjs, animation and shadcn. Shares react and tailwind with Planes. Free (Planes: Paid but Affordable). Rated 4.5 (Planes: 4.3).

FrameworkFreeWeb

UI Skills

Focus: ui design, design engineering and frontend craft. Shares motion and components with Planes. A website, not a framework. Free (Planes: Paid but Affordable). Rated 4.5 (Planes: 4.3).

WebsiteFreeWeb

CSS Buttons

Focus: css, buttons and front-end. Shares ui and tailwind with Planes. A website, not a framework. Free (Planes: Paid but Affordable). Same 4.3 rating.

WebsiteFreeWeb

shadercn

Focus: shaders, webgpu and wgsl. Shares react and components with Planes. A website, not a framework. Free (Planes: Paid but Affordable). Rated 4.5 (Planes: 4.3).

WebsiteFreeWeb
Are you the maker of Planes?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 database

Free 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 list

For 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 newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.