WebsiteFor Yoga studio

Firstmat

The studio website that welcomes beginners.

A ready-made website for a yoga or pilates studio with class guides, a filterable timetable, clear prices and a quiz that tells newcomers which class to start with.

Download the source

Zip, 188 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

  • Class guide
  • Teacher roster
  • Pricing table
  • Beginner quiz
  • First visit
  • Weekly timetable

Features

  • Edit one content file to update the whole site
  • Four-question quiz recommends a starting class
  • Filterable weekly class list
  • Pricing table in GBP
  • First-visit page: what to bring, arrival times
  • Enquiries open a prefilled email, no booking system

Palette

  • #3f5641
  • #2f4231
  • #fdfbf8
  • #e2e8dc
  • #33473a
  • #2a2521

Style

  • Warm
  • Minimal
  • Elegant
Firstmat 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 firstmat.zip
cd firstmat
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

  • Health & WellnessWebsite

    Vetstead

    A ready-made website for small-animal vet clinics that shows prices, hours, team, vaccine guides and a printable visit checklist, all edited from one profile file.

  • Health & WellnessWebsite

    Openwide

    A ready-made website for a dental practice that explains treatments, shows price ranges, displays opening hours and gives new patients a printable checklist.

  • Health & WellnessTool

    Chalkcard

    Build weekly programs for each client, log sessions, get a suggested next weight from fixed rules, and print a one-page card or share it as text.