Property listing grid

Pro

Filterable, sortable listings grid with animated re-layout, saved homes and load more pagination.

app/page.tsx

import { PropertyListingGrid } from "@/components/facade/property-listing-grid";

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

Installation

$npx shadcn@latest add @facade/property-listing-grid

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

Usage

import { PropertyListingGrid } from "@/components/facade/property-listing-grid";

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

Props

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

Props of PropertyListingGrid
Prop	Type	Description
eyebrow	string
heading	string
description	string
listings	PropertyListing[]
pageSize	number	How many cards to show initially and per "Load more" click.
defaultSort	SortKey
loadMoreLabel	string
onToggleSave	(id: string, saved: boolean) => void
className	string

Ask your agent

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

Add the Facade property listing grid to this page and adapt the copy to our business.