tailthemes
all-access

sent here for Circuit

gym website template tailwind reactReact and HTML source

local businessnew

Circuitgym website template Tailwind react

Circuit is a gym website template built in Tailwind and React for an independent strength-and-conditioning gym or boutique studio, and the freelancers and agencies who build sites for them.

Live Preview
$24
both modes at 1280px
Circuit – Strength & Conditioning Gym home page, dark mode
Circuit – Strength & Conditioning Gym home page, dark mode
Circuit – Strength & Conditioning Gym home page, light mode
darklight
71 / 71
light / dark tokens
2
modes, both designed
1
DOM, rendered twice
gym website template tailwind reactfitness website template nextjsgym landing page tailwind templatestrength training studio website templateboutique gym website template react
$24one-time · unlimited projects
50components · every one pictured below
Live Preview
  • unlimited projects, client work included
  • 12 months of updates
  • 14 days, no questions
license terms

AGENTS.md and 4 skills ship in the zip, so your own agent keeps changing it after you buy.

docs: install, use, customize
017

pages, composed from 27 sections

Every page is a real render from the publish gate, in the mode on show. Open any of them in the live preview.

Seven routes ship: the home slab, the weekly schedule as a compact tick-row strip, the programme grid, one class rendered at full scale, the coach roster, the membership tier table, and a living component styleguide. Its signature is the roll sheet: every class is a fixed number of ruled lines, set by the room's own hard integer capacity, filled top to bottom in booking order, with a dashed rule crossing the sheet at the session's own start time — names above it carry an arrival stamp and a checkmark, names below it carry only the stamp. rollFor() computes every line from one fixture and throws at build time on an oversold session, a membership tier booked into a room it cannot access, or a coach or room double-booked anywhere in the week, so a class cannot go live with numbers that do not add up. No day-by-week calendar grid and no to-scale floor plan appear anywhere in the theme — the roll sheet and its compact strip are the only schedule visualisations it ships. The palette is dark-first: an ink-navy primary the sheet is signed in, a turf-green accent for the room's own floor-marking paint and the checked-in mark, in a near-black room lit only by the one bright, paper-coloured sheet. Fixtures are one spine: Ashgrove Barbell Club, a strength-and-conditioning gym in a converted 1930s tram depot in Fishponds, Bristol — two rooms, three coaches, three membership tiers and fourteen sessions a week, and every number on every route resolves through the same array.

0227 + 23

sections and primitives

You get the parts, not just the demo site. Every frame is a real capture from the theme's own styleguide page, and the source path under it is where the file lands in your project. 36 frames cover them, with 15 primitives sharing the ui/* frame.

hero-sheet

src/components/hero-sheet.tsx

Hero archetype A1: the H1 and the depot fiction against the roll sheet itself at hero scale, live, drawn from Tuesday 06:00 Platform Room

Circuit gym website template Tailwind react — hero-sheet component at full size
1 / 36
0371

tokens, both modes

Change one variable and every part follows. Each badge is one token split down the middle: its light value on the left, its dark value on the right, with the theme's own paired ink on both halves.

roles10 of 71

hover or tab a badge for its name and both values, enter copies

supporting34
radius
0.375rem

The roll sheet: every class is a fixed number of ruled lines, set by the room's own hard integer capacity, filled top to bottom in booking order. A dashed rule crosses the sheet at the session's own start time — names above it carry an arrival stamp and a checkmark, names below it carry only the stamp. rollFor() computes every line and throws at build time on an oversold session, a membership tier booked into a room it cannot access, or a coach or room double-booked anywhere in the week. It runs on /, /schedule, and /class at three escalating renderings — a count, a strip, and the full sheet.

every token

043

typefaces, self-hosted

Real woff2 files in src/fonts/, wired through next/font and licensed under OFL. Nothing is fetched from Google at build time, so the zip renders these letterforms offline. Scale ratio 1.333.

Circuit

Circuit is a gym website template built in Tailwind and React for an independent strength-and-conditioning gym or boutique studio, and the freelancers and agencies who build sites for them.

const { open, close } = useLedger("2026-03") // 0123456789

icons · lucide-react · stroke 2
13px
14px
16px
display
Barlow Condensed
text
Hanken Grotesk
mono
Space Mono
scaleratio 1.333
  • captionAg
  • smallAg
  • bodyAg
  • leadAg
  • d1Ag
  • d2Ag
  • d3Ag
  • d4Ag
05375–1920

every width is a real render from the publish gate

Four viewports, each one a render the gate produced and checked. Switch between them: the frame narrows exactly as a window does, because that is what it is.

home page at 1280px, dark mode
Circuit gym website template Tailwind react — home page at 1280px
1280
061

every token and every part on one page

The styleguide route is not documentation about the theme. It is a page in the zip that renders the real components from the real tokens, so it stays true the day you change one.

07177

files in the zip

Two independently authored editions: React for applications, plus ready HTML, CSS and vanilla JavaScript for static hosts.

what unzipscircuit-1.0.0.zip
  • AGENTS.mdthe theme's own rules, written for an agent
  • .claude/skills/4 skills, each one job
    • add-page/SKILL.mdCompose a new Circuit route from existing sections or new ones, with an opening instrument that is not the last route's, and register it everywhere the pipeline reads.
    • add-section/SKILL.mdGraft a new section into Circuit following the theme's own patterns
    • check-quality/SKILL.mdRun Circuit's own quality gate locally
    • rebrand/SKILL.mdApply a buyer's brand to Circuit
  • src/
    • theme.css71 tokens, light and dark
    • fonts.tsthe faces, wired to the type tokens
    • app/7 files
    • components/27 files
      • ui/26 files
    • assets/4 images, 1 markdown file, 1 file
    • fonts/7 font files, 3 licenses
  • app/7 routes, plus layout.tsx and globals.css
  • theme.jsonthe manifest: tokens, components, pages
  • html/the framework-free edition
    • dist/7 compiled routes, deploy-ready — no build step
    • src/the Nunjucks source the routes compile from
  • scripts/build-html.ts · serve-html.ts — `bun run build:html` / `preview:html`
  • README.mdquickstart
  • 6 project filespackage.json · tsconfig.json · next.config.ts · postcss.config.mjs · env.d.ts · .gitignore
your agent reads these first
what it runs on
next >=15 <17react >=19 <20tailwind >=4 <5HTMLlucide-reactstandard license
install into a project you already have
$ bunx shadcn add @tailthemes/circuit

Your key goes in TAILTHEMES_LICENSE_KEY, and the registry entry goes in components.json. The snippet is on the docs page.

or run it standalone
$ unzip circuit.zip && bun install && bun dev
Read this theme's AGENTS.md
084

skills your agent can run

Your agent reads AGENTS.md before it edits, then runs the skill that fits the change. The skills are the theme's own, and the publish gate makes an agent complete every one of them in a scratch copy before the theme goes live.

the source

50 components, 7 pages and 71 tokens, as a Next.js project.

the kit

AGENTS.md carries the design spec. Each skill is one job written against it.

add-pageadd-sectioncheck-qualityrebrand
your agent

Claude Code, Codex, or any agent that reads AGENTS.md. It runs on your machine, on your own account.

the new page

Built from the theme's own sections, on the same tokens and the same rhythm.

the spec travels with the code

The source is yours to run, edit and deploy.

The spec ships inside the folder, so the page your agent adds next month is built by the same rules as the ten it came with. Nothing calls back here.

What the standard license covers
before you decide
What do I actually get?
A runnable Next.js >=15 <17 project — not a screenshot and not a component dump. 7 pages, 27 sections and 23 primitives, 71 light tokens with 71 dark overrides, self-hosted fonts, and every image generated for this theme. AGENTS.md and 4 skills ship inside the zip, so your own agent can keep changing it after you buy. The same pages also ship as a framework-free HTML edition, with local fonts and vanilla JavaScript.
Does it include the pages I'd otherwise have to build?
Circuit ships fourteen classes a week. ten lines each., this week's sheets, what we coach, tuesday 06:00 · platform room, coaching staff, membership and the parts, unassembled. Every one of them is a real route in the project with real content — you can open all of them in the live preview before you pay, and what you see there is what unzips.
Will it work with my stack?
Built for Tailwind >=4 <5, Next.js >=15 <17 and React >=19 <20. Runtime dependencies are lucide-react — nothing else is required. The styling is tokens and Tailwind utilities, so it drops into an existing app rather than asking you to adopt a framework.
How long before it stops looking like a template?
The palette, type and spacing are 71 named tokens in one file, with 71 overrides for dark mode — change those and every screen moves together, which is the whole reason the theme is built as a system rather than as pages. Nothing here claims a number of hours: how long it takes depends on how far you move it.
Can I use it for client work?
Yes. One payment, unlimited projects, client work included, and 12 months of updates. Fourteen days to change your mind, no questions asked. The full terms are published, and this page and that page are the same source.
activity
50
components
sections + primitives
7
pages
all in the preview
last updated
v1.0.0
roadmap
  • v1.0.0: First release: a gym site built around the roll sheet, seven routes, both editions, light and dark.
  • v1.0.0 — seven-route gym website template built on the roll sheet: every class a fixed number of ruled lines against the room's own hard capacity, filled top to bottom in booking order, with rollFor() throwing at build time on an oversold session, a membership tier booked into a room it cannot access, or a coach or room double-booked anywhere in the week
  • a second commissioned equipment photograph once the room-detail band earns a companionplanned
  • a per-tier booking-platform integration once a buyer names their own scheduling backendplanned
for agents

This listing is also a markdown document and a JSON endpoint. The theme's own agent kit is on the kit and agents plates above.

/api/themes/circuit
mcpsearch_themesget_themeget_componentdownload_theme