Media

Expanding Card

A feature card that grows from its place in the grid into a full detail view, artwork welded to the card the whole way, with body copy that lands after it settles.

All components

Installation

ProRequires a Planes Pro license.

npx shadcn add @useplanes/expanding-card

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a license Get Pro

<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.