Get everything for $99, lifetime

Components

Expanding Card

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/expanding-card

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.

I have a licenseGet Pro
import { ExpandingCard } from "@/components/ui/ExpandingCard";

<ExpandingCard
  image="/japan/fuji.webp"
  eyebrow="Featured"
  title="Chasing Fuji"
  subtitle="A weekend under the mountain."
>
  <p>Expanded editorial copy…</p>
</ExpandingCard>

Use cases

  • Editorial features

    "Story of the day" cards for blogs and galleries that open into the full piece.

  • Portfolio case studies

    A project grid where each tile expands into the write-up.

  • Product highlights

    Feature announcements that open in place instead of navigating away.

  • Travel and media grids

    Image-first cards whose detail view keeps full visual continuity.