Hover Reveal
ProInstallation
ProRequires a Planes Pro license.
npx shadcn add @useplanes/hover-reveal
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.
import { HoverReveal } from "@/components/ui/HoverReveal";
<HoverReveal
label="Clients"
items={[
{ name: "Linear", src: "/clients/linear.webp" },
{ name: "Vercel", src: "/clients/vercel.webp" },
{ name: "Stripe", src: "/clients/stripe.webp" },
]}
/>Use cases
Client / logo wall
Replace a static logo grid with an editorial index that rewards exploration.
Team page
List of team members with portrait reveals on hover.
Case studies index
Studio / agency site listing recent projects, each with a representative cover.
Press / press kit
Editorial list of features and mentions, each with a hero shot of the publication.