Account Bookings
An appointment and booking management panel for React and Next.js with date-grouped cards, time range display, attendee avatars, location links, status indicators, and week-based filtering built with shadcn/ui and Tailwind CSS
Manage upcoming appointments with this bookings block for React and Next.js. Features date-grouped booking cards with prominent monospace time ranges, meeting titles, attendee avatar circles, location and video call links, and colored status dots for confirmed, pending, and cancelled states. Includes This Week, Next Week, and All Upcoming filter tabs, plus a collapsible past bookings section. Built with TypeScript, shadcn/ui Avatar, Badge, Button, and Tabs components, motion/react staggered animations, and Tailwind CSS. Perfect for scheduling dashboards, appointment management, and calendar companion views.
Related Components
Notifications
Notification preferences and inbox
Activity Log
Account activity history
Orders
Order history and tracking
Support
Support tickets and help center
Preferences
General account preferences
Payment Methods
Saved payment method management
FAQ
Was this page helpful?
Sign in to leave feedback.
Billing
A billing overview and invoice history panel for React and Next.js with current plan details, usage meters, payment method display, invoice table with download links, and computed annual spend built with shadcn/ui and Tailwind CSS
Certificates
An SSL/TLS certificate management dashboard for React and Next.js with domain certificates, expiry countdown, status indicators, expandable detail rows, and renewal actions built with shadcn/ui and Tailwind CSS