Free React Real Estate Components

Vendors choosing an agent and buyers stalking listings want different things from the same site, and these components serve both. For buyers: listing cards, a gallery strip, feature sheets, open home schedules, and a property comparison table. For vendors: an appraisal CTA, a selling process timeline, auction results, a commission breakdown that answers the awkward question upfront, suburb report cards, and an off-market teaser. Agent profile cards round it out, because in real estate, the agent is the product.

12 components · MIT licensed · installable with the shadcn CLI

Agent Profile Card

An agent card that sells with proof, portrait placeholder, sold count and median days-on-market ticking up in tabular figures, suburbs served as chips, and an appraisal CTA.

Appraisal CTA Panel

The what's-your-place-worth conversion block, a single address field with a callback-only submit, a recent-sales proof line in tabular figures, and an agent trust row.

Auction Results Strip

Last weekend's auction results as a ruled band, a clearance rate counting up once, then sold and passed-in rows with addresses leading and prices set in tabular figures.

Commission Breakdown Sheet

Agent fees in full view, commission rate as the hero figure, itemised campaign costs in a ruled Tailwind ledger, and a payable-at-settlement note. React transparency block.

Listing Gallery Strip

A horizontal snap-scroll rail of listing cards with hairline edge fades and a keyboard-focusable scroll region, how a boutique agency presents this week's properties.

Off-Market Teaser

A coming-soon listing teaser in React, suburb leads while the address stays withheld behind a redaction bar, with a launch date line and a register-interest CTA. Tailwind tokens.

Open Home Schedule

A week of inspections set like a printed schedule, days as ruled groups, each open home with its address, a tabular time range, and an add-to-calendar affordance via callback.

Property Compare Table

Shortlisted homes side by side in React, addresses head the columns, prices in large tabular figures, ruled attribute rows with em-dash gaps, Tailwind tokens throughout.

Property Feature Sheet

The listing's spec sheet set like a printed document, land and floor areas, orientation, and zoning in ruled two-column rows beside a structural floorplan placeholder panel.

Property Listing Card

The listing card done right, status ribbon over a structural image panel, price in large tabular figures, a beds-baths-cars icon row, and the address doing the talking as the heading.

Selling Process Timeline

The vendor's road to sold, appraisal to settlement as numbered ruled steps with week ranges in tabular figures and one auction-day milestone. A React and Tailwind block.

Suburb Report Card

A suburb market snapshot, median price counting up in big tabular figures, a 12-month delta chip, ruled days-on-market and clearance rows, and a mono data-as-of provenance note.