Planes is a library of 140+ animated React components for design engineers who ship interfaces people screenshot. WebGL shaders, fluid motion and everyday UI, installed with the shadcn CLI straight into your Next.js or React project, so the code is yours to read, edit and own.

What's inside

Shader sections: liquid navbars, feature grids, tabs and index lists where a live WebGL shader flows through everyday UI Charts: area, bars, donut, heatmap, gauge, line and stat tiles, filled with dithered shaders instead of flat colour WebGL effects: cinematic backgrounds and interactive scenes Media: Cover Flow, Text Cylinder, Polaroid Flip Card, galleries and photo stacks Controls: segmented controls, multi-selects, file dropzones, copy buttons, popovers Plus AI chat UI, carousels, physics, kinetic text, heroes, logins and footers

Why Planes

One command install with the shadcn CLI. The component lands in your components folder, with no runtime package and no lock-in Built with React, Tailwind CSS, Motion and WebGL, and works with the Next.js App Router Light and dark mode, keyboard support and reduced motion handled in every component Every prop documented with live previews and a Customize panel to try it before you install An llms.txt file and clean source, so AI coding agents can read and adapt components too

check it out : https://useplanes.com/

New components ship every week. Built by Ashish Gogula.