Shader Rows
ProInstallation
ProRequires a Planes Pro license.
npx shadcn add @useplanes/shader-rows
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.
<ShaderRows
items={[
{ title: "Instant deploys", description: "Live worldwide in seconds.", icon: <Rocket /> },
{ title: "Edge functions", description: "Code next to every visitor.", colors: ["#000000", "#7e22ce", "#e9d5ff"] },
]}
/>Use cases
Services list
An agency's offerings as a quiet list that lights up row by row.
Changelog highlights
Recent releases where hovering shows the colour world of each.
Table of contents
Long-form sections as rows; the wipe follows the reader's hand.