# Planes

> Planes — interactive components for modern interfaces. A set of beautifully crafted React components and interactions you can customize, extend, and build on.

Planes is a shadcn-style registry, not an npm package. The shadcn CLI writes real `.tsx` source files into the consuming project, so every component is owned and editable by the person who installs it. Built with React 19, Next.js, Tailwind CSS v4, TypeScript, and Motion — Motion is the only runtime animation dependency.

There are two tiers across 91 components. The 80 Pro components require a Planes Pro license. One-time setup registers the `@useplanes` namespace in `components.json` and puts the key in `.env.local` (`npx @useplanes/cli init --key your_key`), after which Pro components install by name:

```
npx shadcn add @useplanes/command-palette
```

The 11 free components install from a public registry URL with no account:

```
npx shadcn add https://useplanes.com/r/segmented-control.json
```

The gated registry validates the license on every request, so Pro install commands fail without a valid key. Each component line below carries its page and install command; the page adds a live demo, usage snippet, and props, and https://useplanes.com/llms-full.txt has all of that for every component in one file.

## When to use Planes

Reach for Planes when:

- You are building a React or Next.js app with Tailwind CSS and need a polished, animated UI piece — a carousel, marquee, card stack, command palette, knob, or full hero section — without writing the motion code from scratch.
- You want the component's source inside the project. Every install writes editable `.tsx` files via the shadcn CLI; there is no runtime package to configure or fork.
- You are an agent installing components for a user: point the shadcn MCP server at Planes (see the MCP doc below) and add components from natural language, or run the exact install command listed next to each component in this file.

Planes is not a fit for non-React stacks, projects without Tailwind CSS v4, or teams that want a versioned npm dependency instead of owned source.

How to call it: free components — `npx shadcn add <registry-url>` (URLs listed below). Pro components — run `npx @useplanes/cli init --key your_key` once, then `npx shadcn add @useplanes/<slug>`.

## Docs

- [Introduction](https://useplanes.com/components/introduction): What Planes is, what it is built on, and how the registry distributes source instead of a package.
- [Installation](https://useplanes.com/components/installation): Install free components from the public registry URL, or configure the @useplanes registry with a license key for Pro.
- [MCP](https://useplanes.com/components/mcp): Point the shadcn MCP server at Planes so agents like Claude Code and Cursor can browse and install components from natural language. Includes a snippet to paste into your project's AGENTS.md.
- [All components](https://useplanes.com/components): The full catalog, grouped by category, with a live demo, props table, and install command per component.
- [Hero sections](https://useplanes.com/components/heroes): Gallery page for the hero components; individual hero slugs redirect here.
- [Login pages](https://useplanes.com/components/logins): Gallery page for the login components; individual login slugs redirect here.
- [Developer portal](https://useplanes.com/developers): HTTP API, authentication with a license key, rate limits, error format, CLI, and MCP — everything needed to integrate programmatically.
- [OpenAPI spec](https://useplanes.com/openapi.json): OpenAPI 3.1 document for the registry, license, and checkout endpoints.
- [Full component reference](https://useplanes.com/llms-full.txt): Every component with its usage snippet, props, and examples in one file (~150K characters; the per-component pages carry the same content).
- [CLI](https://www.npmjs.com/package/@useplanes/cli): `npx @useplanes/cli init --key <key>` configures the @useplanes registry and license in a project.
- [Planes Pro](https://useplanes.com/#pricing): One-time payment for lifetime access to every Pro component and template. Unlimited commercial use, all sales final (no refunds).
- [Set up Planes Pro](https://useplanes.com/setup): Activate a license key and wire PLANES_LICENSE_KEY into a project.
- [About](https://useplanes.com/about): Who builds Planes and how the project is run.
- [Contact](https://useplanes.com/contact): Support email and where to reach the maintainer.

## AI

- [Thinking Loader](https://useplanes.com/components/thinking-loader): Free. An AI thinking pill that cycles through phase labels like Searching and Writing, then pops a check when it finishes. Install: `npx shadcn add https://useplanes.com/r/thinking-loader.json`
- [AI Prompt Composer](https://useplanes.com/components/ai-prompt-composer): Pro. An AI chat composer with an auto-growing input, a model picker, and a send button that turns into a stop button while a response streams. Install: `npx shadcn add @useplanes/ai-prompt-composer`
- [Streaming Message](https://useplanes.com/components/streaming-message): Pro. An assistant message that develops in like ink — a soft-feathered edge sweeps down the text with an iridescent glow riding the write-frontier, then copy, regenerate, and feedback actions fade in without shifting the layout. Install: `npx shadcn add @useplanes/streaming-message`
- [Reasoning Trace](https://useplanes.com/components/reasoning-trace): Pro. A collapsible thinking panel that streams reasoning steps one at a time, then folds down to a short summary you can reopen. Install: `npx shadcn add @useplanes/reasoning-trace`
- [Tool Call Card](https://useplanes.com/components/tool-call-card): Pro. The inline row an agent leaves when it uses a tool: a mono call signature like read_file(page.tsx), the tool's glyph with a spinner that resolves into a drawn check, a note that shimmers while it runs, and a panel that unfolds to the arguments and result. Install: `npx shadcn add @useplanes/tool-call-card`
- [Agent Plan](https://useplanes.com/components/agent-plan): Pro. A plan that behaves like an agent's plan: steps light up along a rail that fills as they finish, the active one breathes and shimmers its sub-status, failures insert recovery steps that slide the list apart, and the whole thing folds into one line when it's done. Install: `npx shadcn add @useplanes/agent-plan`
- [AI Chat](https://useplanes.com/components/ai-chat): Pro. A full chat experience that ties the AI components together. Send a prompt and watch the reasoning stream, the reply type out, and the view pin to the bottom. Install: `npx shadcn add @useplanes/ai-chat`
- [Inline Diff](https://useplanes.com/components/inline-diff): Pro. A code change streaming in the way an agent writes it: removed lines strike through first, each block of additions develops in from a blur top to bottom, unchanged context folds away, and Accept or Reject collapses the losing side out of the block. Install: `npx shadcn add @useplanes/inline-diff`
- [Approval Card](https://useplanes.com/components/approval-card): Pro. The permission prompt an agent shows before a risky action: a risk badge and mono command, Allow with a countdown ring that pauses while you hover, Deny that shakes the card, then the whole thing folds into a one-line receipt. Install: `npx shadcn add @useplanes/approval-card`
- [Chat Orb](https://useplanes.com/components/chat-orb): Pro. The chatbot launcher for any site: a small sphere with pill eyes that blink and follow your cursor, a teaser bubble that pops in, and a press that morphs the orb into the full AI Chat with its face shrinking into the header. Install: `npx shadcn add @useplanes/chat-orb`

## Media

- [Link Preview](https://useplanes.com/components/link-preview): Pro. Hyperlinks that show an image tooltip on hover, tracking your cursor with a parallax tilt on the artwork. Install: `npx shadcn add @useplanes/link-preview`
- [Direction-Aware Flip Card](https://useplanes.com/components/direction-aware-flip-card): Pro. A flip card that swings toward the side your cursor enters from, with a tracked sheen, parallax tilt, and a lifting shadow. Install: `npx shadcn add @useplanes/direction-aware-flip-card`
- [Hover Reveal](https://useplanes.com/components/hover-reveal): Pro. A two-column client index. Hover a name and its preview scales into focus while the row drifts under your cursor. Install: `npx shadcn add @useplanes/hover-reveal`
- [Hero Card Stack](https://useplanes.com/components/hero-card-stack): Pro. A fanned arc of overlapping artwork cards. Hover one and it springs forward while its neighbors nudge aside. Install: `npx shadcn add @useplanes/hero-card-stack`
- [Swipe Card Deck](https://useplanes.com/components/swipe-card-deck): Pro. A swipeable card deck. The front card drags off in your swipe direction, then tucks behind a fanned stack. Built for touch, with a reduced-motion fallback. Install: `npx shadcn add @useplanes/swipe-card-deck`
- [GitHub Chart](https://useplanes.com/components/github-chart): Pro. A GitHub contribution graph with a linked profile header, hover tooltips, and a staggered reveal. Point it at any username for live data, or feed it your own counts. Install: `npx shadcn add @useplanes/github-chart`
- [Avatar Cluster](https://useplanes.com/components/avatar-cluster): Pro. Avatars fly in from the blurred foreground and pack into a slowly orbiting rosette, computed for any head-count. Install: `npx shadcn add @useplanes/avatar-cluster`
- [Expanding Card](https://useplanes.com/components/expanding-card): Pro. A feature card that grows from its place in the grid into a full detail view, artwork welded to the card the whole way, with body copy that lands after it settles. Install: `npx shadcn add @useplanes/expanding-card`
- [Photo Lightbox](https://useplanes.com/components/photo-lightbox): Pro. An image grid that flies the tapped photo into a fullscreen viewer. Swipe between shots, then drag down and let go — it shrinks in your hand and flicks back to its cell. Install: `npx shadcn add @useplanes/photo-lightbox`
- [Curved Video Player](https://useplanes.com/components/curved-video-player): Pro. A YouTube player on an IMAX-style curved screen, backlit by ambient light that tracks playback, with YouTube's own controls left in charge. Letterboxed films are measured and cropped to fit. Install: `npx shadcn add @useplanes/curved-video-player`
- [Dither Renderer](https://useplanes.com/components/dither-renderer): Pro. Any image, redrawn live as ordered Bayer dither on the GPU. The cursor acts like a loupe — the pattern sharpens and the original colors develop under it. Install: `npx shadcn add @useplanes/dither-renderer`
- [Photo Stack](https://useplanes.com/components/photo-stack): Pro. A neat deck of photos with the rest peeking out behind the cover. Hover and they slide into a row one by one on a spring. Install: `npx shadcn add @useplanes/photo-stack`
- [Watch Face](https://useplanes.com/components/watch-face): Pro. An Apple-style analog clock whose tick ring and numerals wrap the card's own rounded corners, with a vermillion sweeping second hand. Install: `npx shadcn add @useplanes/watch-face`
- [Digital Watch Face](https://useplanes.com/components/digital-watch-face): Pro. The iOS world-clock widget as a live component — a tick ring fills with the passing seconds around rolling digits, a city label, and the offset from your local time. Install: `npx shadcn add @useplanes/digital-watch-face`
- [Apple Music Card](https://useplanes.com/components/apple-music-card): Pro. A now-playing card that resolves tracks straight from iTunes search URLs and plays their previews, shuffling through the list and auto-advancing between songs. Install: `npx shadcn add @useplanes/apple-music-card`
- [Album Cover](https://useplanes.com/components/album-cover): Pro. A vinyl sleeve player. The record lifts out, spins, and responds to the transport controls. Install: `npx shadcn add @useplanes/album-cover`
- [Retro Music Player](https://useplanes.com/components/retro-music-player): Pro. A handheld retro media player with a CRT display, a speaker grill, and spring-loaded transport buttons. Install: `npx shadcn add @useplanes/retro-music-player`
- [Progressive Blur](https://useplanes.com/components/progressive-blur): Pro. Apple-style scroll-edge blur: content dissolves into stacked backdrop layers that get progressively stronger toward the edge, with an optional tint and room for a floating header or toolbar inside. Install: `npx shadcn add @useplanes/progressive-blur`
- [Radial Pop-out](https://useplanes.com/components/radial-pop-out): Pro. A center card ringed by smaller cards. Hovering the center scatters them outward with spring overshoot; leaving snaps them back behind. Install: `npx shadcn add @useplanes/radial-pop-out`
- [Hero Media Scroll-Out](https://useplanes.com/components/hero-media-scroll-out): Pro. A hero screenshot that stands up from a tilted perspective to flat as the visitor scrolls in — transform-only, driven by scroll position. Install: `npx shadcn add @useplanes/hero-media-scroll-out`

## Carousels

- [Marquee](https://useplanes.com/components/marquee): Pro. A velocity-driven marquee that eases to a crawl on hover instead of freezing, pauses for keyboard focus, and can be flung by hand — the engine under logo rows and testimonial bands. Install: `npx shadcn add @useplanes/marquee`
- [Cover Flow](https://useplanes.com/components/cover-flow): Free. A 3D coverflow carousel with spring physics. Navigate by drag, scroll wheel, or keyboard, with optional reflection and audio feedback. Install: `npx shadcn add https://useplanes.com/r/cover-flow.json`
- [Image Flow Carousel](https://useplanes.com/components/image-flow-carousel): Pro. A gallery that stretches whichever frame you hover into focus. Install: `npx shadcn add @useplanes/image-flow-carousel`
- [Arc Marquee](https://useplanes.com/components/arc-marquee): Pro. Portrait cards ride a curved arc, tilting and dropping toward the edges as they auto-scroll past. Drag to scrub, hover to slow. Install: `npx shadcn add @useplanes/arc-marquee`
- [Parallax Carousel](https://useplanes.com/components/parallax-carousel): Pro. A straight marquee of cards where each photo pans inside its frame as it crosses the viewport — direction-aware parallax that follows your drag, scroll, or the auto-glide. Install: `npx shadcn add @useplanes/parallax-carousel`
- [Image Wheel](https://useplanes.com/components/image-wheel): Pro. A wheel of photos that spins past the lens, blurring everything but the frame in focus. Install: `npx shadcn add @useplanes/image-wheel`
- [Logo Wall](https://useplanes.com/components/logo-wall): Pro. A bordered grid of logos where each cell cycles independently, rippling in a wave across the columns. Install: `npx shadcn add @useplanes/logo-wall`
- [Bend Carousel](https://useplanes.com/components/bend-carousel): Pro. Photos and videos ride the outside of a cylinder: the frame in front faces you flat, the neighbours bend away and dim toward the edges. Auto-glides, drags with momentum, scrubs with a trackpad, and videos only play while they are on screen. Install: `npx shadcn add @useplanes/bend-carousel`

## Controls

- [Segmented Control](https://useplanes.com/components/segmented-control): Free. Segmented tabs with a pill that stretches as it moves and settles into the selected tab. Install: `npx shadcn add https://useplanes.com/r/segmented-control.json`
- [Number Stepper](https://useplanes.com/components/number-stepper): Free. A number input with rolling digits and plus and minus buttons that spring on press. Install: `npx shadcn add https://useplanes.com/r/number-stepper.json`
- [Email Capture](https://useplanes.com/components/email-capture): Pro. An email signup that expands from a button and animates from idle into a success state. Install: `npx shadcn add @useplanes/email-capture`
- [Card Stack](https://useplanes.com/components/card-stack): Pro. Stacked notification cards that fan out into a full list, then collapse back into a compact peek. Install: `npx shadcn add @useplanes/card-stack`
- [Date Picker](https://useplanes.com/components/animated-date-picker): Pro. A calendar picker with spring month transitions and day cells that stagger in as you navigate. Install: `npx shadcn add @useplanes/animated-date-picker`
- [Animated Select](https://useplanes.com/components/animated-select): Pro. A searchable, grouped select that becomes a drag-to-dismiss bottom sheet on mobile and a spring popover on desktop. Install: `npx shadcn add @useplanes/animated-select`
- [Command Palette](https://useplanes.com/components/command-palette): Pro. A nested-card command palette that springs open, staggers its groups with a blur-fade, and drives fully from the keyboard. Install: `npx shadcn add @useplanes/command-palette`
- [OTP Input](https://useplanes.com/components/otp-input): Free. A one-time-code input with rolling digit entry, an animated caret, error shake, and a success pop. Paste-friendly and accessible. Install: `npx shadcn add https://useplanes.com/r/otp-input.json`
- [Detent Drawer](https://useplanes.com/components/detent-drawer): Pro. An iOS-style bottom sheet with detents. Drag between resting heights, rubber-band past the top, flick down to dismiss — all velocity-aware. Install: `npx shadcn add @useplanes/detent-drawer`
- [Notch](https://useplanes.com/components/notch): Pro. A MacBook notch that is the menu. Hover or tap and the notch itself swells into a shelf of links on a Swift-tuned spring, the camera holding its place at the top, then shrinks back. Concave flares, a lit lower lip, and a halo so black reads on black. Install: `npx shadcn add @useplanes/notch`
- [Physical Knob](https://useplanes.com/components/physical-knob): Pro. A realistic rotary knob with depth, spring-loaded momentum, and lighting that reacts as you turn it. Install: `npx shadcn add @useplanes/physical-knob`
- [Reaction Arc](https://useplanes.com/components/reaction-arc): Pro. A Like button that reveals a reaction picker on hover. Your pick flies back along a curved path and becomes the active reaction. Install: `npx shadcn add @useplanes/reaction-arc`
- [Receipt Printer](https://useplanes.com/components/receipt-printer): Pro. A thermal printer that feeds out a receipt line by line, then waits for you to grab the paper and tear it off — resistance first, then the rip. Install: `npx shadcn add @useplanes/receipt-printer`
- [Rubber Band Select](https://useplanes.com/components/rubber-band-select): Pro. Drag-select where the marquee is an elastic band — it bows behind fast movement, items pop as it overtakes them, and on release it snaps tight around the selection. Install: `npx shadcn add @useplanes/rubber-band-select`
- [Morphing Tray](https://useplanes.com/components/morphing-tray): Pro. A floating tray that re-shapes itself as you move between steps — the container's height morphs on a spring while views cross-fade through blur. The Family wallet drawer. Install: `npx shadcn add @useplanes/morphing-tray`
- [Keyboard](https://useplanes.com/components/keyboard): Pro. A MacBook keyboard drawn in CSS with real key-unit geometry: light or dark caps, a perspective tilt that dissolves into the page, chosen keys lit in your accent color, and every physical key you press sinking and glowing on screen. Install: `npx shadcn add @useplanes/keyboard`
- [Infinity Canvas](https://useplanes.com/components/infinity-canvas): Free. An endless canvas of image cards that drifts on its own, wraps seamlessly in both axes, and can be grabbed and thrown in any direction. Every card can link out. Install: `npx shadcn add https://useplanes.com/r/infinity-canvas.json`

## Physics

- [Ripple Grid](https://useplanes.com/components/ripple-grid): Free. A grid of nodes lit by spreading wavefronts. It fires on its own every few seconds, or click to start one. Install: `npx shadcn add https://useplanes.com/r/ripple-grid.json`
- [Particle Reveal](https://useplanes.com/components/particle-reveal): Pro. Particles scatter out of noise and converge into text. A clean AI-generation reveal. Install: `npx shadcn add @useplanes/particle-reveal`
- [Pendulum Wave](https://useplanes.com/components/pendulum-wave): Free. Nine pendulums of different lengths drift out of sync to form a travelling wave, driven entirely by their physics. Install: `npx shadcn add https://useplanes.com/r/pendulum-wave.json`
- [Rubik's Cube](https://useplanes.com/components/rubiks-cube): Pro. An interactive 3D Rubik's cube. Drag to orbit, click a face to twist a layer. Built with CSS 3D transforms. Install: `npx shadcn add @useplanes/rubiks-cube`
- [Dotted Sphere](https://useplanes.com/components/dotted-sphere): Pro. A globe of dots that drift in space and scatter from your cursor; tap to send a shockwave rippling through them. Toggle to a smooth perspective spin. Install: `npx shadcn add @useplanes/dotted-sphere`
- [Dot Monogram](https://useplanes.com/components/dot-monogram): Pro. Text or an image rendered as drifting dots that scatter from your cursor; tap to send a shockwave rippling through the glyph. Install: `npx shadcn add @useplanes/dot-monogram`

## Text

- [Smooth Stagger Text](https://useplanes.com/components/smooth-stagger-text): Free. On hover, the label fades out and new text resolves character by character, each glyph shimmering up before it settles. Install: `npx shadcn add https://useplanes.com/r/smooth-stagger-text.json`
- [Cinematic Text](https://useplanes.com/components/cinematic-text): Free. The film-title reveal: each word drifts down out of a heavy blur and settles, slow enough to feel like a camera pulling focus. Install: `npx shadcn add https://useplanes.com/r/cinematic-text.json`
- [Odometer](https://useplanes.com/components/odometer): Pro. A price or stat where every digit is a wheel: change the number and only the digits that moved spin, upward when it rises and downward when it falls. Install: `npx shadcn add @useplanes/odometer`
- [Split-Flap Board](https://useplanes.com/components/split-flap-board): Pro. An airport departure board that flips through characters mechanically to spell each phrase, every cell cascading at its own pace. Install: `npx shadcn add @useplanes/split-flap-board`

## Sections

- [Pricing Table](https://useplanes.com/components/pricing-table): Pro. A pricing section with a billing toggle, prices that roll when you switch, and a highlighted popular tier. Install: `npx shadcn add @useplanes/pricing-table`
- [Mega Menu](https://useplanes.com/components/mega-menu): Pro. A navigation panel that reshapes to each menu's content instead of swapping — measured width and height, a caret that tracks the trigger, keyboard-driven. Install: `npx shadcn add @useplanes/mega-menu`
- [FAQ Section](https://useplanes.com/components/faq-section): Pro. An FAQ accordion where rows pop in, panels unfold on a spring, and the plus icon twists into a close mark. Install: `npx shadcn add @useplanes/faq-section`
- [Integration Beams](https://useplanes.com/components/integration-beams): Pro. Integration logos fire a synchronized wave of light pulses along drawn beams that converge on a central hub, which swells and ripples as they land together. Install: `npx shadcn add @useplanes/integration-beams`
- [World Map](https://useplanes.com/components/world-map): Pro. A dotted world map where comets of light arc between cities, each landing with a ripple. Markers pulse idly and reveal their labels on hover. Install: `npx shadcn add @useplanes/world-map`
- [Dotted Globe](https://useplanes.com/components/dotted-globe): Pro. A rotating globe of land dots with your locations glowing as accent markers, each sending out a slow ripple. Drag to spin it — momentum hands back to the idle rotation. Install: `npx shadcn add @useplanes/dotted-globe`
- [Activity Feed](https://useplanes.com/components/activity-feed): Pro. Notification cards stream in from the top, springing the stack down as older ones dissolve through a soft fade at the bottom. Install: `npx shadcn add @useplanes/activity-feed`
- [Radial Hub Diagram](https://useplanes.com/components/radial-hub-diagram): Pro. A hub-and-spoke diagram with dashed connectors. Hover it and every node swells on a spring while the lines brighten and their dashes flow toward the hub. Install: `npx shadcn add @useplanes/radial-hub-diagram`
- [Scroll Stage](https://useplanes.com/components/scroll-stage): Free. A pinned stage that hands its children a 0–1 scroll progress motion value, so any transform can be scrubbed by the thumb instead of played on a timer. Install: `npx shadcn add https://useplanes.com/r/scroll-stage.json`
- [Radar Sweep](https://useplanes.com/components/radar-sweep): Pro. A radar with a glowing sweep arm that lights up blips as it passes, each flaring with a ripple before fading until the next pass. Install: `npx shadcn add @useplanes/radar-sweep`

## Templates

- [AI Automation Platform](https://useplanes.com/components/ai-automation-template): Pro. A full landing page for AI automation products, built from the section components with scroll-triggered reveals: hero, feature grid, testimonials, pricing, CTA, and footer. Install: `npx shadcn add @useplanes/ai-automation-template`

## Heroes

- [Scenic Hero](https://useplanes.com/components/heroes): Pro. A bright, centered hero with an avatar trust badge, a two-line headline, and a painted valley that settles with a slow Ken Burns drift. Install: `npx shadcn add @useplanes/scenic-hero`
- [Editorial Hero](https://useplanes.com/components/heroes): Pro. An image-first hero with a floating pill nav, a framed classical painting, a serif headline accent, and inline email capture. Install: `npx shadcn add @useplanes/editorial-hero`
- [Landing Hero](https://useplanes.com/components/heroes): Pro. A landing hero with pill nav, badge, headline, and two CTAs over a painted dusk landscape. Pure SVG, no image assets. Install: `npx shadcn add @useplanes/landing-hero`

## Logins

- [Portal Login](https://useplanes.com/components/logins): Pro. An email-first login split with artwork, where the form rises in and the provider tiles stagger under it. Install: `npx shadcn add @useplanes/portal-login`

## WebGL

- [Logo Flare](https://useplanes.com/components/logo-flare): Pro. Turn any logo into a light source. The SVG becomes a distance field lit with a white-hot core, halo, needle flares, and soft petals over film grain. Install: `npx shadcn add @useplanes/logo-flare`
- [Prism](https://useplanes.com/components/prism): Pro. Light through glass. Soft streaks bend across the frame with true chromatic dispersion: blue on one edge, amber on the other, white in the core. Install: `npx shadcn add @useplanes/prism`
- [Skywriter](https://useplanes.com/components/skywriter): Pro. A stunt plane skywrites around your headline. Its smoke hangs in the sky, drifts, puffs up, and dissolves while the next lap is drawn. Install: `npx shadcn add @useplanes/skywriter`
- [Wind Tunnel](https://useplanes.com/components/wind-tunnel): Pro. Streamlines of real potential flow bend around an invisible wing where your headline sits, with smoke pulses and a turbulent wake. Install: `npx shadcn add @useplanes/wind-tunnel`
- [Cloud Sea](https://useplanes.com/components/cloud-sea): Pro. The window seat: a cloud deck seen from altitude, drifting forward under a blue-hour sky with cirrus overhead. Install: `npx shadcn add @useplanes/cloud-sea`
- [Paper Planes](https://useplanes.com/components/paper-planes): Pro. A flock of paper planes that streams around your headline, chases the pointer, and leaves long-exposure light trails. Install: `npx shadcn add @useplanes/paper-planes`
- [Ink](https://useplanes.com/components/ink): Pro. A GPU fluid simulation the pointer paints with coloured ink. Ambient splats keep it moving when nobody is touching it. Install: `npx shadcn add @useplanes/ink`
- [Slipstream](https://useplanes.com/components/slipstream): Pro. Diagonal luminous ribbons rendered in a fragment shader. They drift, thin to hairlines toward the top, and part around the cursor. Install: `npx shadcn add @useplanes/slipstream`
- [Embers](https://useplanes.com/components/embers): Pro. A slow fire in a fragment shader. Coals burn white along the bottom edge, flames lick up through heat haze, and sparks lift into the dark and wink out. The pointer stirs it. Install: `npx shadcn add @useplanes/embers`
- [Beams](https://useplanes.com/components/beams): Pro. Saturated ribbons raked across black, broken into grain by a noise mask instead of blurred into haze. They drift on their own and lean with the pointer. Pure CSS, no canvas. Install: `npx shadcn add @useplanes/beams`
- [ASCII WebGL](https://useplanes.com/components/ascii-webgl): Pro. A ray-marched torus rendered as a live terminal. Every frame is quantised into a monospace grid of glyphs by luminance, drawn by a bitmap font baked into the shader. Tilts toward the pointer. Install: `npx shadcn add @useplanes/ascii-webgl`

## Optional

- [Shaders](https://useplanes.com/shaders): Experimental GLSL/WebGL fields. Not part of the registry.
- [Free registry index](https://useplanes.com/r/index.json): Machine-readable shadcn registry index for the free tier.