Features Grid

Pro

Built for the way you already work

Plug into your stack, bring the whole team along and ship with defaults that are already right.

Works with the tools you use
Connect it to the apps your team already lives in and keep everything in sync without a migration.
Share it with your whole team
Invite teammates, set roles and let everyone work from the same source without stepping on each other.
Tuned before you touch it
Sensible defaults out of the box, with every setting ready to adjust when your team wants it.

Installation

ProRequires a Planes Pro license.

npx shadcn add @useplanes/features-grid

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 license Get Pro

import { FeaturesGrid } from "@/components/ui/FeaturesGrid";

<FeaturesGrid
  title="Why teams pick it"
  features={[
    { title: "Works with your tools", description: "…", icons: [<Slack />, <Github />, <Figma />] },
    { title: "One license", description: "…", icon: <KeyRound className="size-8 text-primary" /> },
    { title: "Tuned by hand", description: "…", dial: 0.6 },
  ]}
/>

Use cases

Landing page highlights
Three reasons to pick the product, each with one calm object instead of an icon in a square.
Pricing pages
What the license covers, set in the same material as the pricing card.
Integrations
Cycle the logos of the tools it connects to inside a single disc.