Appointment service card with provider selection and time slots for React booking apps

Looking to implement shadcn/ui blocks?

Join our Discord community for help from other developers.

Book appointments on your Next.js scheduling platform with this product card component. Features service image, duration and price, provider selector with avatars, available time slots grid, and book button. Built with shadcn/ui Card, Button, Badge, Avatar, and ToggleGroup components using Tailwind CSS. The scheduling-focused design streamlines booking—perfect for Shopify headless medical practices, beauty salons, or any React app with appointment scheduling. Efficient and user-friendly.