Skip to content
WEGMSTUDIO
GymTrack Portal website design
Custom ProjectsID: WGM071

Members, renewals and front-desk check-ins for a gym, in one dark dashboard

GymTrack Portal

Front-end demo of a gym membership app on sample data: dashboard, searchable members table, renewals due this week, ID check-in desk, plan management, payments and SVG revenue charts.

Starting at

₹999

Includes customisation with your content. Final price depends on changes.

What's included

  • Members table with plan, joining date, expiry and status; search by name, ID or phone, status chips, plan filter, sorting and pagination
  • Renewals view for memberships ending in the next 7 days and those lapsed in the last 30, with the amount to collect
  • Check-in desk by member ID with an on-screen keypad; blocks expired members, flags due-soon ones and stops double check-ins
  • Renew dialog that extends from the current end date and records the payment by UPI, cash or card
  • Add-member form that checks the name, 10-digit mobile, email and amount, and sets the expiry date
  • Plan management: edit price, duration and perks, add plans, and delete plans that have no members
  • SVG charts drawn in JavaScript: monthly revenue bars, plan-mix donut, hourly check-ins against the 7-day average
  • WhatsApp reminder buttons that open a pre-filled renewal message (to the sample number in this demo)
  • Member details drawer with days left, recent visits and payments, plus quick check-in, renew and delete
  • Data kept in localStorage with a Reset demo data button

Pages included

  • App — Dashboard, Members, Check-in desk, Renewals, Plans, Payments & revenue, Add member and Renew dialogs, Member details drawer
Mobile responsiveHTML5CSS3JavaScriptGoogle FontsSVGlocalStorage

Try the live website

This is the real site running — scroll, click and switch devices.

Loading live preview…

About this template

GymTrack Portal is a front-end demo of a gym membership app, shown for the sample Vajra Fitness Club in HSR Layout, Bengaluru. It opens straight into the app. A sidebar holds Dashboard, Members, Check-in, Renewals, Plans and Payments; the top bar has member search, a Demo — sample data badge and Add member. The dashboard shows active members, today's check-ins, renewals due in 7 days and revenue, with a revenue chart, plan-mix donut and hourly check-in chart. It runs in the browser on sample data: 96 members, five plans, a year of receipts and two weeks of check-ins. Filter members by status and plan, add members through a validated form, renew plans, check members in by ID on a keypad (expired members are stopped), edit plans and browse receipts. WhatsApp buttons open a pre-filled renewal reminder. Changes are saved in localStorage; Reset demo data restores the samples. It is a front-end demo: as a custom project the studio connects it to a real backend and replaces the sample gym, names and figures with the customer's own. The style is a graphite dark theme with a volt-lime accent, Big Shoulders Display for headings and figures, Manrope for text, and SVG charts drawn by the app's own JavaScript. On phones the sidebar becomes a bottom tab bar and tables stack into cards; motion is reduced on request. It suits gyms, fitness studios and yoga or martial arts centres.

Design highlights

  • Graphite dark theme with a volt-lime accent and coral and amber status colours
  • Big Shoulders Display for headings and figures, paired with Manrope for the interface
  • Charts drawn as SVG by the app's own JavaScript, with hover and keyboard tooltips
  • Sidebar turns into a bottom tab bar on phones and tables become stacked cards
  • Live 'on the floor now' meter and a large keypad made for a front-desk tablet

Who it's for

Gym and fitness studio owners, CrossFit boxes, yoga, dance and martial arts centres that track memberships by plan and expiry. It also suits a developer or agency that wants a polished front end to show a client before the studio builds the real backend, database and logins as a custom project.

Related templates

A front-end demo of a restaurant point-of-sale with a live table map, menu grid by category, an order cart with 5% GST and service charge, printable KOT and bill, and today's sales.

Starting at

₹999

TaskBoard

WGM118

Front-end demo of a project management app for an agency: projects sidebar, drag-and-drop kanban with a keyboard Move menu, task details with checklist and comments, assignee and priority filters, My tasks and a workload chart.

Starting at

₹999

Front-end demo of shop inventory and GST billing on sample data: products with low-stock alerts, stock in/out ledger, an invoice builder with CGST/SGST split and print-ready invoices, and sales reports.

Starting at

₹999