Live demo: https://floorplate.omnium.tools

Floorplate is a website template for one residential development: a new building whose homes are sold off plan or on completion. It fits property developers, sales agents of new builds, housing cooperatives and build to rent projects. Built in React with TypeScript, you get two versions of the same site in one download: Next.js (App Router, static export) and plain React with Vite and React Router. Both look and move the same and build to a fast static site. Not a shop or a listings portal: every home leads to an enquiry.

One idea runs through the site: the building goes up floor by floor. On the home page the ground line and the edges are set out, then the photo rises one floor at a time with a slab line before each floor, the level marks on one side and the height growing on the other. Photos further down rise in floors too, the floor plans draw their walls and fill room by room, and the buttons fill floor by floor like a lift.

Two versions, pick yours:

Next.js 16: App Router, TypeScript, static export, deploy to Vercel in one click

React 19 + Vite + React Router: every page prerendered to real HTML, works with Lovable, Bolt and other Vite-based builders

Pages (13):

Home: the building going up floor by floor with changing photos and titles, an introduction with numbers, five full screen chapters (one wheel turn = one chapter), the home types, what is a short walk away

Residences: the five home types and the availability table of every home released, with a filter by type and status; a click on a row opens the viewing form for that home

Five home type pages: numbers, description, what is included, a drawn floor plan, photos, every home of that type

Location with a map and what is near in four groups

Gallery with a filter and a photo viewer (arrows, keys, swipe)

Developer: building progress with phases, materials, the architect, earlier buildings

Book a viewing (form), Privacy, 404

Built for developers:

All text in JSON files: edit the content without touching the pages, a page is made for every home type

The availability table is data: homes left, from prices and the available count are worked out from it, so they never disagree

No Tailwind: plain CSS with design tokens, change a line and the whole site follows

SEO built in: real HTML for every page, titles, descriptions, canonical links, sharing previews, sitemap and robots

Fonts self-hosted, no font requests to other servers

Notes for AI assistants (Cursor, Claude, Copilot) in AGENTS

Clean page effects that start and stop with each page, smooth scrolling (Lenis) on mouse screens, respects reduce motion

Viewing form with its own checks and messages (works with Formspree, Basin, Web3Forms)

Soft glow behind every text on a photo, so it reads on any picture

Fully responsive from 320 px

Included:

Next.js project and React (Vite) project, TypeScript

The floor by floor drawing, floor plans, logo, favicon and sharing image, made for Floorplate

A README for each version: install, edit, deploy to Vercel, Netlify or Cloudflare Pages

Images: the photos in the live preview are for demonstration only and are not included. The download contains grey placeholder images of the same sizes; photo sources are listed in the licences file.

Fonts: Red Hat Display, Red Hat Text and Reddit Mono (SIL Open Font License). Libraries: React, Next.js, Vite, React Router, Lenis (MIT).

Questions or problems: support@omnium.tools