Planes

Components

Media

Radial Pop-out

ProUnlock all 54 Pro — $99 once

A center card ringed by smaller cards. Hovering the center scatters them outward with spring overshoot; leaving snaps them back behind.

All components

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/radial-pop-out

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a licenseGet Pro
<RadialPopOut
  hero={{ src: "/hero.webp", alt: "Featured" }}
  items={[
    { src: "/c1.webp" },
    { src: "/c2.webp" },
    { src: "/c3.webp" },
    { src: "/c4.webp" },
    { src: "/c5.webp" },
    { src: "/c6.webp" },
  ]}
  cardSize={140}
/>

Use cases

  • Cast / character explorer

    Hero protagonist with supporting characters that scatter on hover — perfect for film, anime, or game pages.

  • Featured collection

    A spotlight item with related products fanning out behind it.

  • Team / org spotlight

    Highlight a single person with their team scattering around them.

  • Album / playlist hub

    Hero release with related tracks, EPs, or remixes radiating out behind it.