UrbanGrid

About UrbanGrid

UrbanGrid is a property template for agencies that sell fewer homes and present them properly — editorial layout, a real CMS, and search that actually works.

THE CMS

  • 7 collections — properties, areas, property types, amenities, agents, insights, testimonials.

  • 33 fields on Properties, with genuine links between collections.

  • A property knows its area, its type, its agent and its amenities.

  • Add a listing once: it appears in search, on its area page, on its agent's profile and in related homes — no canvas work.

  • 12 sample properties and 6 articles included, so it looks finished on day one.

SEARCH & FILTERING

  • Homepage bar filters as you type — name, street or postcode

  • Matching homes appear instantly beneath the field

  • Properties toolbar: dual-handle price slider, area, type, status, bedrooms

  • Three sort orders — newest, price low to high, price high to low

  • Every filter writes to the URL, so a shortlist can be sent as a link

PAGES

  • 17 pages — home, properties, areas, team, insights, sell, about,contact,register, style guide, 404, privacy, terms

  • CMS detail pages for properties, areas, agents and articles

  • Three breakpoints, designed at each size rather than left to reflow

DESIGN SYSTEM

  • 20 colour styles and 31 text presets — retheme from the style panel

  • No hardcoded colours anywhere in the file

  • One-click light and dark mode that reads your colour styles directly, so it keeps working after you change them

COMPONENTS

  • 11 canvas components — property card, listing row, area card, insight card, buttons, filter chips, navigation

  • 6 code components — theme toggle, hero slider, live search, gallery swap, price range slider, custom cursor

  • Click-to-swap hero gallery on every listing

  • Custom arrow cursor over every browsable card

Built for estate agencies, buying agents and independent developers.

Questions before you buy? Email me at muminulhasankhan@gmail.com — happy to help.