Skip to content
GetUrUI

Keystone Real Estate

NewTemplateCommerce4 screens

A four-screen estate agency site for Keystone in the fictional coastal city of Harbour Vale: a search hero, filterable results with a stylised map and price-chip pins, rich listing pages with a floorplan and mortgage calculator, and an agent directory.

Get this template

A self-contained Next.js project. One-time purchase, lifetime updates for this template, source yours to deploy.

$39

One-time payment in USD, plus tax where applicable.

Or get every template with Lifetime

By continuing you agree to the Terms and the License. You ask for access to the digital content straight away and acknowledge that you lose your 14-day right of withdrawal once you download or install a paid item; our Refund policy still applies.

Included with Lifetime ($149) — compare plans.

Open

What is this?

Keystone is a complete website for an estate agency. It has a search-led home page, a results screen that switches between a grid and a stylised map, detailed listing pages and an agent directory. Listing pages include a photo gallery, a generated floorplan, energy and council-tax details, a mortgage calculator, a viewing scheduler and a contact form. Every image, map, floorplan and avatar is drawn in SVG from GetUrUI tokens, so it themes cleanly and makes no network requests.

Who is it for?

Agencies, property developers, proptech startups and freelancers who need a credible property site fast — with map-linked results, filters, galleries, mortgage maths and booking flows already solved — and only need to swap in listings, photos and a backend.

What you get

Everything needed to make it yours.

A map that works with the list

Every home is a price-chip pin; hovering a pin highlights its row, clicking opens a mini card, and the filtered neighbourhood lights up.

Filters that reflow the grid

Price, beds, baths, type, neighbourhood and saved-only, in a sidebar or mobile drawer, with removable chips and layout springs.

Photography drawn in code

Five SVG scenes per listing that read as evening shots in dark mode and daylight in light mode; the lightbox supports arrows and swipe.

A real mortgage calculator

Standard repayment amortisation driven by price, deposit, rate and term, with a rolling monthly figure and principal/interest split.

Viewings and enquiries

A two-week slot picker with in-person or video viewings, plus contact and valuation forms with inline validation.

A shortlist that stays saved

Hearts burst on save, the nav counter rolls, and saved homes persist in localStorage through a hydration-safe store.

Screens & sections

  • Search hero
  • Just-listed strip
  • Neighbourhood guide
  • Why Keystone stats
  • Valuation CTA
  • Filterable results grid
  • Map view with pins
  • Listing gallery and lightbox
  • Floorplan and key facts
  • Mortgage calculator
  • Viewing scheduler
  • Agent directory

Stack

Next.jsReact 19Tailwind CSS 4Motion

20 source files · GetUrUI components bundled

motion, lucide-react, clsx, tailwind-merge

More templates