Stop Rebuilding UI

Kanban Real Estate

React property listings kanban for Next.js with stage columns, compact cards, and Dialog detail overlay showing address, price, specs, agent info, and offer history using shadcn/ui Dialog and Tailwind CSS.

Scroll to load preview

Track property listings through your sales pipeline with this React and Next.js kanban board. Four columns — New, Showing, Offer, and Closed — display compact property cards that open a Dialog overlay with full details including address, price, square footage, bedrooms, listing agent, and offer history. Built with TypeScript, Framer Motion entrance animations, shadcn/ui Dialog and Button components, and Tailwind CSS. Ideal for real estate CRMs, brokerage dashboards, and property management tools.

FAQ

Last updated on March 30, 2026

Was this page helpful?

Sign in to leave feedback.