# Planes

> Animated React and Tailwind UI component registry with motion interactions

Planes is a commercial React component library offering over 100 animated UI elements and interactive widgets built with Tailwind CSS and Framer Motion. Components are distributed shadcn-style directly into your project's codebase, giving full ownership over the source code. It includes an MCP server and llms.txt integration so coding assistants like Claude and Cursor can fetch and install components directly.

Website: https://useplanes.com/

## What it is for

- Drop pre-built micro-interactions like command palettes or marquees into a Next.js application
- Assemble marketing landing pages and hero sections with animated shader backgrounds
- Install custom UI elements via Cursor or Claude using MCP tooling

## Features

- Over 100 interactive components including shader cards, marquees, and morphing trays
- shadcn CLI-compatible installation that places source code directly in your project
- Built with React, TypeScript, Tailwind CSS, and Motion
- Agent integration via custom MCP server and llms.txt
- Accessible design with dark mode and reduced-motion support out of the box
- Single lifetime license covers unlimited commercial projects

## Pricing

Paid. One-time payment of $99 (standard price $199)

## Details

- Type: Website
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: no
- Platforms: Code library, Web
- For: React and Next.js frontend developers building interactive landing pages and web apps
- Alternative to: Aceternity UI, Magic UI, shadcn/ui
- Tags: react, tailwind, framer motion, shadcn, ui library, mcp

## Why it was saved

- [@neropursue, 11 October 2026](https://x.com/neropursue/status/2109158293117800495): A ready-made set of React components and micro-interactions for landing pages and product UI, each installable individually.

## Compare

- [Alternatives to Aceternity UI](https://xiry.app/alternatives/aceternity-ui.md)
- [Alternatives to Magic UI](https://xiry.app/alternatives/magic-ui.md)
- [Alternatives to shadcn/ui](https://xiry.app/alternatives/shadcn-ui.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 12 October 2026. Page: https://xiry.app/resources/planes

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.