Hover Tabs
Pro
Installation
ProRequires a Planes Pro license.
npx shadcn add @useplanes/hover-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 · 90 Pro components · lifetime updates.
<HoverTabs
items={[
{ title: "Spatial Planning", description: "We refine the flow of your floor plan.", image: "/studio/plan.jpg" },
{ title: "Material Curation", description: "Premium finishes and sustainable textures.", image: "/studio/materials.jpg" },
{ title: "Lighting Design", description: "Layered light tuned to each room.", image: "/studio/light.jpg" },
]}
/>Use cases
Services overview
Let a studio's four services each show their own hero shot without a carousel.
Feature tour
Walk through product features with a screenshot per tab and a one-line explainer.
Process steps
Show each phase of an engagement alongside a photo of the work.
