WebsiteFor Home builder launching a new community

Groundbreak

Sell the lots before the streets are paved.

A launch website for a new home community with a countdown, plan gallery, lot map and register-interest form that emails your sales office, run from one content file.

Download the source

Zip, 210 KB. MIT licence. Built 22 Oct 2026.

Live preview

Open the appOpen full screen
Loading the live site…

This is the real site, not a mock-up. Click around; the button on it opens the working app.

What you get

Everything a website needs, already done.

Pages and screens

  • Hero countdown
  • Plan gallery
  • Lot map
  • Phase timeline
  • Shortlist
  • Register interest form

Features

  • Countdown to launch day
  • Filterable plan gallery with beds, baths, sq ft, prices
  • SVG lot map with live availability
  • Phase release timeline
  • Shortlist of plans and lots
  • Register-interest form opens pre-filled email

Palette

  • #18201c
  • #4f564f
  • #a63a12
  • #f3efe7
  • #cfc6b6
  • #9d9484

Style

  • Editorial
  • Bold
  • Minimal
Groundbreak on a phone
On a phone, as shipped.

For developers

A real codebase, not a page builder export.

Stack

Vite, React 19 and TypeScript for the app. The launch page is plain HTML, CSS and a little JavaScript with no build step. Vitest for unit tests, Playwright for browser tests.

Run it

unzip groundbreak.zip
cd groundbreak
npm install
npm run dev

In the zip

  • site/ the launch page with the built app in site/app/
  • src/ and e2e/ the app source and tests
  • docs/technical-docs/ architecture, runbook, quick reference
  • START-HERE.md and LICENSE (MIT)

More like this

Also on the shelf

  • Professional ServicesWebsite

    Tintype

    A ready-made website for photographers with a filterable portfolio, a package picker with a live total, a copyable enquiry email and a shot list builder.

  • Professional ServicesWebsite

    Backplane

    Lets a backend engineer write up the systems they built, with scale, data model, trade-offs and results, and download the finished site as one HTML file.

  • Professional ServicesWebsite

    Holdout

    Lets data scientists and ML engineers build a portfolio of experiment cards in their browser and download it as one HTML file to host anywhere.