Components

Silk Card

Pro
You’re invited
After
Dark
October 14
10 AM PT · Cupertino

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/silk-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 · 90 Pro components · lifetime updates.

I have a licenseGet Pro
<SilkCard colors={["#4a0f8f", "#c14dff", "#f2c7ff"]} className="h-96">
  <div className="flex h-full flex-col justify-between p-7">
    <span>Studio</span>
    <div className="text-5xl font-semibold">$39</div>
  </div>
</SilkCard>

Use cases

  • Event invite

    Three lines of type on a full-bleed silk. Change the palette and the invite rebrands.

  • Pricing tiers

    Three cards, three palettes, one system. The tilt gives each a physical weight.

  • Feature highlight

    One big card at the top of a features grid that earns the attention.

  • Portfolio tile

    A project card whose colours echo the work inside.