WebsiteFor Gym / fitness studio

Classboard

Your gym’s week, on one page.

A gym website with a filterable class timetable, plan comparison, trainer profiles and a saved My Week that exports to a calendar file.

Download the source

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

  • Class timetable
  • Membership plans
  • Trainer profiles
  • My Week
  • Make it yours

Features

  • Filter classes by type, level and instructor
  • Compare membership plans side by side
  • Trainer profiles members can browse
  • Save favourite classes in the browser
  • Export My Week to a calendar file
  • Change studio details by editing content files

Palette

  • #f04a1a
  • #d63d10
  • #b9340c
  • #fdeae2
  • #ffffff
  • #ff6a3d

Style

  • Warm
  • Bold
  • Editorial
Classboard 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 classboard.zip
cd classboard
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.