About
Planes is an interactive React component library for building modern interfaces without reinventing complex interactions from scratch.
It comes with 100+ production-ready components focused on the parts of frontend development that are fun to use but annoying to build: physics, WebGL, animated media, carousels, hover interactions, animated text, AI interfaces, heroes, sections, and more.
Components follow a shadcn-style approach, so you install the source directly into your project and own the code. Customize it, extend it, or tear it apart however you want.
Built with React, TypeScript, Tailwind CSS, and Motion, with responsive behavior, dark mode, reduced-motion support, keyboard accessibility, and carefully tuned interactions.
Planes is also built for AI-native development with MCP, llms.txt, structured documentation, and tooling for coding agents.
Build less from scratch. Make better interfaces.
