Features bento

Pro

Six cell bento grid with live micro animations: review counter, map pins, inbox stack, chart, toggle, booking.

app/page.tsx

import { FeaturesBento } from "@/components/facade/features-bento";

export default function Demo() {
  return <FeaturesBento />;
}

Installation

$npx shadcn@latest add @facade/features-bento

Pro items install from the private @facade registry with your license key. Set it up once.

import { FeaturesBento } from "@/components/facade/features-bento";

export default function Page() {
  return <FeaturesBento />;
}

FeaturesBentoProps is exported, so you can extend or wrap it. Every prop has a default; <FeaturesBento /> renders the example above.

Props of FeaturesBento
Prop	Type	Description
eyebrow	string
title	string
description	string
cells	[ FeaturesBentoCell, FeaturesBentoCell, FeaturesBentoCell, FeaturesBentoCell, FeaturesBentoCell, FeaturesBentoCell, ]	Copy for the six cells, in order: reviews, map, inbox, chart, automation, booking.
className	string

With the Facade MCP server connected, this prompt is enough:

Add the Facade features bento to this page and adapt the copy to our business.