Skip to content
Planes website preview

Planes

useplanes.com

A shadcn-style registry of 131 polished, animated React components — from command palettes to WebGL heroes — installed as owned .tsx source files.

What is Planes?

Planes distributes editable React 19 + Tailwind CSS v4 + Motion source through the shadcn CLI instead of an npm package, with live demos, props tables and an llms-full.txt reference for every component. Ten components install free from a public registry URL; the other 121 Pro components unlock with a one-time lifetime license and work with the shadcn MCP server for AI agents.

Best for

  • Animated AI chat and agent UIs
  • Hero sections and media galleries
  • Physics-based interactive controls

Key features

  • 131 components installed as editable .tsx source
  • React 19, Tailwind v4, Motion as only runtime dep
  • 10 free components from the public registry
  • 121 Pro components via one-time lifetime license
  • MCP server and llms-full.txt for AI agents
Arc UI website preview

154 React components and 90 blocks with motion built in, installed as editable source via the shadcn CLI for shadcn/ui and Next.js projects.

Reactshadcn/uiNext.js+2
Space UI website preview

Open-source library of interactive React components, blocks, shaders and hooks built with Base UI, Tailwind CSS and Motion, distributed via a shadcn registry.

ReactTailwind CSSBase UI+3
Skecher UI website preview

Polished React motion components you can copy with live previews, source code, dependencies and shadcn registry commands.

ReactMotionAnimation+2