Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Product Card Fitness
Fitness class card with instructor, schedule, and booking for React gym apps
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
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.
Product Card
IntermediateHIIT Power Hour
High-intensity interval training combining cardio and strength for maximum calorie burn.
Marcus Johnson
Certified HIIT Trainer
UPCOMING CLASSES
Mon
6:00 AM
Wed
6:00 AM
Fri
6:00 AM
Installation
Related blocks you will also like
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