Get everything for $99, lifetime

Components

Hover Reveal

Pro

Installation

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.