Shader Strip
ProInstallation
ProRequires a Planes Pro license.
npx shadcn add @useplanes/shader-strip
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 · 118 Pro components · lifetime updates.
<ShaderStrip
height={480}
items={[
{ title: "Instant deploys", description: "Live worldwide in seconds.", icon: <Rocket /> },
{ title: "Edge functions", description: "Code next to every visitor.", icon: <Zap />, colors: ["#000000", "#7e22ce", "#e9d5ff"] },
]}
/>Use cases
Features section
Four to six capabilities as one wide, living strip instead of a card grid.
Product pillars
The first panel is open by default, so the section never reads empty.
Portfolio categories
Each discipline in its own inks; hover to read the blurb.
