Building Planes: 140+ animated React components for shadcn, with WebGL shaders and motion. Shipping new ones every week.

github

Ashish Gogula • Peerlist

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 insideShader 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 footersWhy PlanesOne 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 : <a target="_blank" rel="noopener noreferrer nofollow ugc" class="break-all link-break text-gray-500 hover:underline" href="https://useplanes.com/">https://useplanes.com/ </a>New components ship every week. Built by <a target="_blank" rel="noopener noreferrer nofollow ugc" class="break-all link-break text-gray-500 hover:underline" href="https://x.com/ashishgogula">Ashish Gogula.</a>

Planes

My personal portfolio featuring my latest projects, skills, and creative work across web development and design.