Get everything for $99, lifetime

Components

Slipstream

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/slipstream

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 · 161 Pro components · lifetime updates.

I have a licenseGet Pro
import { Slipstream } from "@/components/ui/Slipstream";

<div className="h-[480px] bg-black">
  <Slipstream speed={1} interactive />
</div>

Use cases

  • Hero background

    Sit a headline over the dark upper-right; the bands fade there on purpose.

  • Pricing or CTA backdrop

    Ambient motion behind a single card without competing for attention.

  • Loading or empty state

    Give a quiet screen something alive while data arrives.