# Gym Website Templates

> Gym and fitness website templates with class timetables, coach profiles, membership pages and booking forms, for gyms, pilates and yoga studios and clinics.

Canonical: https://gsapvault.com/templates/category/gym-fitness

Complete multi-page sites for gyms, studios and clinics, built around the page members come back to every week: the timetable. Classes, coaches, memberships and a first-session booking request are already designed and animated.

## What members look for on a gym website

A gym site is visited in two moods. Someone deciding whether to join wants coaches, prices and a reason to book a first session. A member wants to know what is on today, in one glance, from their phone. Every template here treats the timetable as a working tool rather than a table pasted into a page: it can be filtered, today is marked, and a class links straight into a booking form that arrives pre-filled.

The fitness gym template is eight pages for class-based gyms, functional fitness, fitness racing and boxing. A live LED countdown in the hero counts to the next class, worked out from the weekly schedule in the gym's own time zone, and each class page has a player that runs the whole session in about twenty-five seconds. Every internal link drives the next page in with a sled-push transition. The strength gym template is six pages for a barbell club that sells a written programme: drag a real loaded barbell to set your one-rep max, and the Program page works out every week of a twelve-week block in plates.

Studios get a calmer register. The pilates studio template is seven pages with every class colour-coded by spring, a Choose your spring picker that finds the right class, and a page transition that slides the site sideways against four coloured springs. The yoga studio template is six pages for hot yoga, breathwork, saunas and spas: a temperature dial swaps the rooms inside the hero photograph, the full-week timetable lights up one class type across all seven days, and a pricing calculator recommends a drop-in, a ten-pack or a membership from how often someone comes.

Two widen the group. The physiotherapy clinic template is seven pages for physiotherapists, chiropractors, osteopaths and massage clinics, with a "Where does it hurt?" body map that leads into treatment pages and a page change that opens through a disc grown from the point the visitor touched. The sports club template is six pages built like a matchday poster, with a fixtures rail you drag to change the poster, a season scrubber that replays the league table and a membership card builder.

## How to put your timetable into a gym template

The schedule is the content that changes most, so it is plain data: written in the HTML, or kept in one schedule block that every page reads.

1. **Enter the real timetable first:** Put your actual week in before touching the design. The countdowns, today markers and next-three-times lists are all worked out from that schedule, so they become correct the moment it is.
2. **Check the time zone and hours:** Live countdowns and now lines are calculated in the gym's own time zone, not the visitor's. Set yours so a member travelling abroad still sees the right next class.
3. **Replace the coach portraits as a set:** Coach and teacher portraits ship as a matched set with one grade. Shoot or grade yours the same way and swap them all together, at the same dimensions.
4. **Connect the booking form:** First-session and booking forms validate and pre-fill from the timetable link, then end in an unsent request. Point them at a form service or replace them with your booking system's widget.

```css
:root {
  --ground: #101010;  /* page background */
  --ink: #f2f2ee;     /* body text */
  --signal: #ff3b1f;  /* LED digits, today marker, buttons */
}
```

## Gym & fitness at a Glance

| Template | What it does | Built with | Tone | Structure |
| --- | --- | --- | --- | --- |
| [Fitness Gym](https://gsapvault.com/templates/fitness-gym-template) | An eight-page gym website template for class-based gyms, functional fitness boxes, fitness-racing and boxing gyms. | Flip | mixed | 8 pages |
| [Gym Template](https://gsapvault.com/templates/strength-gym-template) | A six-page gym website template for a strength gym or barbell club that sells a written program: suits gyms, personal-training studios, powerlifting and weightlifting clubs, boxing clubs and climbing walls. | ScrollTrigger | dark | 6 pages |
| [Pilates Studio](https://gsapvault.com/templates/pilates-studio-template) | A seven-page pilates studio website template for reformer, yoga, barre and dance studios and boutique fitness. | ScrollTrigger | light | 7 pages |
| [Yoga Studio Template](https://gsapvault.com/templates/wellness-studio-template) | Six-page yoga studio website template for hot yoga, pilates and breathwork studios, saunas, bathhouses and spas. | ScrollTrigger | light | 6 pages |
| [Physiotherapy Clinic](https://gsapvault.com/templates/physiotherapy-clinic-template) | A seven-page clinic website template for physiotherapists, dental practices, chiropractors, osteopaths and massage clinics. | ScrollTrigger | light | 7 pages |
| [Sports Club Template](https://gsapvault.com/templates/sports-club-template) | A six-page sports club website template built like a matchday poster: a true-colour match photograph over a solid kit-colour band with the last result at poster scale, a fixtures rail of tall date columns you drag to change the poster, a season scrubber that replays the league table, a squad of giant shirt numbers, a stand picker for the ground and a live membership card builder. | ScrollTrigger, Draggable, InertiaPlugin, Flip | mixed | 6 pages |

## Templates in This Category

### Fitness Gym

An eight-page gym website template for class-based gyms, functional fitness boxes, fitness-racing and boxing gyms. A live LED countdown to the next class, a player that runs a whole class in 25 seconds, a filterable timetable and a sled-push page transition on every link.

- Tier: premium · Difficulty: advanced
- [View template](https://gsapvault.com/templates/fitness-gym-template)
- [Clean Markdown for AI agents](https://gsapvault.com/templates/fitness-gym-template.md)

### Gym Template

A six-page gym website template for a strength gym or barbell club that sells a written program: suits gyms, personal-training studios, powerlifting and weightlifting clubs, boxing clubs and climbing walls. Worked example: a Brooklyn barbell club lifting since 1934, on one committed racing green with a book serif. The signature is a real loaded barbell you drag to set your one-rep max, set under the home page photograph and carried onto the Program page, where every week of a twelve-week block is worked out in plates.

- Tier: premium · Difficulty: advanced
- [View template](https://gsapvault.com/templates/strength-gym-template)
- [Clean Markdown for AI agents](https://gsapvault.com/templates/strength-gym-template.md)

### Pilates Studio

A seven-page pilates studio website template for reformer, yoga, barre and dance studios and boutique fitness. Classes are colour-coded by spring, a Choose your spring picker finds the right one, and every page change slides the site sideways against four coloured springs.

- Tier: premium · Difficulty: advanced
- [View template](https://gsapvault.com/templates/pilates-studio-template)
- [Clean Markdown for AI agents](https://gsapvault.com/templates/pilates-studio-template.md)

### Yoga Studio Template

Six-page yoga studio website template for hot yoga, pilates and breathwork studios, saunas, bathhouses and spas. A temperature dial swaps the rooms inside the hero photograph, today's classes sit on the home page, and the timetable lights up one class type across the whole week. Shown as a heated yoga studio with a wood-fired sauna in Margate.

- Tier: premium · Difficulty: advanced
- [View template](https://gsapvault.com/templates/wellness-studio-template)
- [Clean Markdown for AI agents](https://gsapvault.com/templates/wellness-studio-template.md)

### Physiotherapy Clinic

A seven-page clinic website template for physiotherapists, dental practices, chiropractors, osteopaths and massage clinics. An interactive body map leads to treatment pages, and every page change opens through a vermilion disc that grows from the point the visitor touched.

- Tier: premium · Difficulty: advanced
- [View template](https://gsapvault.com/templates/physiotherapy-clinic-template)
- [Clean Markdown for AI agents](https://gsapvault.com/templates/physiotherapy-clinic-template.md)

### Sports Club Template

A six-page sports club website template built like a matchday poster: a true-colour match photograph over a solid kit-colour band with the last result at poster scale, a fixtures rail of tall date columns you drag to change the poster, a season scrubber that replays the league table, a squad of giant shirt numbers, a stand picker for the ground and a live membership card builder.

- Tier: premium · Difficulty: intermediate
- [View template](https://gsapvault.com/templates/sports-club-template)
- [Clean Markdown for AI agents](https://gsapvault.com/templates/sports-club-template.md)

## Related Guides

- [92 animated website templates built with GSAP (2026)](https://gsapvault.com/blog/interactive-website-templates) ([Markdown](https://gsapvault.com/blog/interactive-website-templates.md)): 92 animated website templates built with GSAP: portfolios, venues, shops, SaaS, and editorial one-pagers. Seven are completely free to download.
- [GSAP page transitions that make a site feel crafted](https://gsapvault.com/blog/gsap-page-transitions) ([Markdown](https://gsapvault.com/blog/gsap-page-transitions.md)): How to build GSAP page transitions that feel fast: seven motion patterns, loading during the exit timeline, focus management, and avoiding jank.
- [Animate on scroll with GSAP ScrollTrigger (2026 examples)](https://gsapvault.com/blog/how-to-animate-on-scroll) ([Markdown](https://gsapvault.com/blog/how-to-animate-on-scroll.md)): Animate on scroll with GSAP ScrollTrigger: copy-paste CDN setup, reveals, scrubbed timelines, pinning with anticipatePin, WordPress tips and live examples.

## Frequently Asked Questions

### Can members book classes through the site?

Not on their own. The booking forms are unwired front ends: they pre-select the class and time from the timetable link, validate the details and end in a request summary the visitor can copy or email. Point the form at Formspree or Netlify Forms, or replace it with your booking system's widget, such as Glofox, TeamUp, PushPress or Mindbody. There are no member accounts or payments.

### How do I update the class timetable?

Edit the schedule. Depending on the template, classes are written as plain HTML or kept in one schedule block at the top of the script, and every page reads from it: the countdown, today's classes, the full week and each coach's week all update together. No animation code needs touching.

### Will these suit a yoga studio, PT studio or clinic?

Yes. The pilates and yoga studio templates cover reformer, yoga, barre, dance, hot yoga, breathwork and sauna businesses. The strength gym template suits personal-training studios, powerlifting and weightlifting clubs, boxing clubs and climbing walls. The physiotherapy clinic template suits chiropractors, osteopaths, massage clinics and dental practices.

### Can I put video in the hero?

The strength gym template is video-ready: set one attribute to your MP4 and a muted looping video plays over the hero photograph, with a pause button and a reduced-motion path. The others use bundled photography graded as one set, which you replace with your own.

## Related Categories

- [Salon Website Templates](https://gsapvault.com/templates/category/salon-beauty)
- [Business Website Templates](https://gsapvault.com/templates/category/business-services)
- [Page Transition Templates](https://gsapvault.com/templates/category/page-transitions)

---

From [GSAP Vault](https://gsapvault.com): production-ready GSAP animation effects and complete website templates. Full catalog for agents: https://gsapvault.com/llms-full.txt