Wind Tunnel

Wind Tunnel

Pro

Installation

ProRequires a Planes Pro license.

pnpm dlx shadcn add @useplanes/wind-tunnel

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 164 Pro components · lifetime updates.

I have a license Get Pro

import { WindTunnel } from "@/components/ui/WindTunnel";

<div className="relative h-[560px] bg-black">
  <WindTunnel />
  <h1 className="absolute bottom-16 left-12 text-white">
    Your headline
  </h1>
</div>

Use cases

Hero background
Smoke sweeps over the top of the frame and the lower half stays dark and calm, so copy anywhere along the bottom reads cleanly.
Engineering or performance product
Reads as measurement, not decoration.
Section divider
A short band with a small wing gives a page a recurring motif.