React Event Calendar
Modern event calendar solution built with React, Next.js, shadcn/ui, Tailwind CSS v4, and Framer Motion. Designed to deliver a seamless user experience with high performance and easy customization.
Key Features
- Responsive calendar views (day, week, month, agenda)
- Customizable themes with shadcn/ui and Tailwind CSS v4
- Efficient state management with nuqs
- Reliable date manipulation with date-fns
- High performance with Next.js App Router
- Comprehensive API for custom integrations
- Complete documentation and implementation examples
Tech Stack
React 18+
Next.js 15+
Tailwind CSS v4
shadcn/ui
Framer Motion
date-fns
nuqs
TypeScript
Getting Started
To start using React Event Calendar, visit the Installation page for step-by-step instructions.
Architecture
React Event Calendar is built with a modern architecture using Next.js, Zustand, and PostgreSQL with Drizzle ORM. Learn more about the design patterns and component structure in the Architecture section.
Customization
The calendar supports extensive customization through view configurations, themes, and behavior options. You can customize:
- Visual appearance and layout
- Event display and interactions
- Date range and view options
- Time formats and localization