Skip to content
GetUrUI

Ironworks

NewTemplateProduct site6 screens

A six-screen site for Ironworks, a fictional strength and performance gym: a heavy uppercase hero, a filterable weekly timetable with a booking drawer, memberships with add-ons and a live total, coach profiles, a program planner and a five-step join flow that ends with a membership card.

Get this template

A self-contained Next.js project. One-time purchase, lifetime updates for this template, source yours to deploy.

$39

Or get every template with Lifetime

By continuing you agree to the Terms and the License. You ask for access to the digital content straight away and acknowledge that you lose your 14-day right of withdrawal once you download or install a paid item; our Refund policy still applies.

Included free with Pro Lifetime ($179) — compare plans.

Open

What is this?

Ironworks is a complete website for a strength and performance gym, built as a design kit. Six screens share one in-page router (and ?screen= deep links): home, a bookable weekly timetable, memberships, coaches, a results page with a program planner, and a multi-step join flow. It ships with a theme file of colour and type roles for dark and light, 23 typed components and eleven real, licence-cleared photos (iron, chalk, bars and six coach portraits) given one dark steel grade so they sit in the palette.

Who is it for?

Strength gyms, barbell clubs, performance studios and CrossFit-style boxes that sell coaching rather than equipment. It is also a strong base for any fitness business that needs a timetable, tiered memberships and an online sign-up that feels as solid as the gym floor.

What you get

Everything needed to make it yours.

Bookable weekly timetable

Day tabs or a seven-column week grid, filters by discipline, intensity and coach, and a drawer with live spots left, Book spot and waitlist states.

Memberships with a live total

Monthly or annual billing, three tiers, personal training credits and extras that roll the monthly and first-year totals as you change them.

Program planner

Pick a goal and two to six days a week to get a seven-day plan with session details, weekly minutes and a focus split.

Join flow that converts

Plan, start date, validated details and a health questionnaire, ending in a printed-style membership card with a deterministic member number.

A real design kit

Colour roles for dark and light, seven type roles and 23 typed components (tier card, class card, coach card, stepper, sheet and more) in one folder.

Real photography, graded to match

Eleven Pixabay photos ship with the template and their credits. One Photo component crops them by focal point and applies a desaturated steel grade, so swapping in your own shots is one line each.

Screens & sections

  • Home: kinetic hero, stats, today's classes, disciplines, facility, coaches, results
  • Classes: day tabs and week grid, type, intensity and coach filters, class drawer with book spot
  • Memberships: monthly or annual, three tiers, add-ons with a live total, compare table
  • Coaches: specialty filter, coach grid, profile drawer with certifications
  • Transform: program planner by goal and days a week, member stories with before/after numbers
  • Join: plan, start date, details, health questionnaire, membership card confirmation

Stack

Next.jsReact 19Tailwind CSS 4Motion

48 source files · GetUrUI components bundled

motion, lucide-react, clsx, tailwind-merge

More templates