Shadcn.io is not affiliated with official shadcn/ui
React Birthday Tracker Calendar Block
React birthday and anniversary tracker calendar block for Next.js with upcoming celebrations list, month view grid, age and tenure display, and notification preferences using shadcn/ui and Tailwind CSS
Never forget a birthday or work anniversary with this tracker block. View upcoming celebrations in a sorted list with days-until countdown, browse the month grid for at-a-glance planning, and see age or tenure details for each person. Built with React, TypeScript, shadcn/ui Badge and Button components, and Tailwind CSS.
React Birthday Tracker Calendar Block preview
Installation
Related Components
Countdown Timer
Event countdown display
Holiday Manager
Holiday and PTO management
Year Overview
12-month year heat map view
Meeting Scheduler
Meeting scheduling with availability
Task Deadlines
Task deadline calendar with priorities
Shift Planner
Employee shift planning grid
FAQ
Was this page helpful?
Sign in to leave feedback.
React Calendar Availability Picker Block
An interactive availability selector with a toggleable day/time grid for scheduling preferences built with React, Next.js, shadcn/ui Switch component, and Tailwind CSS
React Calendar Booking Slots Block
An appointment booking interface with date selection, available time slot grid, and booking confirmation built with React, Next.js, shadcn/ui Calendar component, and Tailwind CSS