WebsiteFor Hair salon

Quiff

Every question a customer rings to ask, answered before they dial.

A ready-made hair salon website with a service menu, stylists, hours and a price and time estimator that you edit in your browser, with no server or booking system.

Download the source

Zip, 205 KB. MIT licence. Built 19 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

  • Service menu
  • Price estimator
  • Stylists
  • Opening hours
  • Gallery
  • Owner admin panel

Features

  • Estimator adds up price and time for chosen services
  • Copy or print a request summary to bring in or send
  • Edit services, prices, stylists and hours in your browser
  • Export and import settings as a JSON file
  • No server, developer or booking system needed
  • Light and dark colour schemes

Palette

  • #221b17
  • #675a51
  • #9a8c81
  • #e4d9cb
  • #c9b9a6
  • #2f5d50

Style

  • Warm
  • Elegant
  • Editorial
Quiff 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 quiff.zip
cd quiff
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

  • Beauty & Personal CareTool

    Inkslip

    Inkslip is a consent form your client fills in on your tablet, flags risky answers, saves searchable signed records, and prints aftercare for the tattoo.

  • Beauty & Personal CareWebsite

    Flashwall

    A ready-made website for tattoo studios with a filterable flash gallery, a size and placement price guide, printable aftercare and a consult request slip.

  • Beauty & Personal CareTool

    Tenfold

    Tenfold is a counter tablet app where customers browse your polish shades, paint a look across ten nails, and save it for the technician, while staff mark bottles low or out.