Shadcn.io is not affiliated with official shadcn/ui
Product Card Fitness
Fitness class card with instructor, schedule, and booking for React gym apps
Display fitness classes on your Next.js gym booking app with this product card component. Features class image, instructor with credentials, difficulty level, schedule times, spots remaining, and book button. Built with shadcn/ui Card, Button, Badge, and Avatar components using Tailwind CSS. The fitness-focused design helps members find and book classes—perfect for Shopify headless gyms, yoga studios, or any React app with class scheduling. Motivating and easy to scan.
Installation
Related Components
React Product Card Simple
Vertical product card
React Product Card Course
Online course card
React Product Card Event
Event ticket card
React Product Card Testimonials
With customer reviews
React Product Card Features
With feature list
React Product Card Grid
Product grid layout
FAQ
Was this page helpful?
Sign in to leave feedback.