$99 launch price

Components

Shader Tabs

Pro
Ship in secondsPush to main and it's live worldwide before the kettle boils.

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/shader-tabs

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

I have a licenseGet Pro
<ShaderTabs
  items={[
    { label: "Deploy", title: "Ship in seconds", description: "Live worldwide in seconds.", icon: <Rocket /> },
    { label: "Compute", title: "Edge functions", description: "Code next to every visitor.", icon: <Zap />, colors: ["#4a0f8f", "#c14dff", "#f2c7ff"] },
  ]}
/>

Use cases

  • Product tour

    Four capabilities behind one panel, each with its own colour world.

  • Plan comparison

    Tabs for each plan, with the panel shifting mood as you switch.

  • Case studies

    Clients as tabs, the liquid flowing into each brand's palette.