$129 intro price

Components

Renders that stop the scroll

A small CGI studio for product launches. Stills, motion and launch films, lit and framed for the screen they end up on.

Floating Cards Hero

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/floating-cards-hero

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$129 once · 159 Pro components · lifetime updates.

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

<FloatingCardsHero
  title="Renders that stop the scroll"
  primaryLabel="See the work"
  primaryHref="/work"
  cards={[{ src: "/shots/hero.webp", label: "Heroes" }]}
/>

Use cases

  • Marketplace or library home

    Show the range of what is inside before anyone scrolls.

  • Portfolio landing

    Your best work floating around a one-line pitch.

  • Product launch

    Screens of every feature around the announcement headline.