React Event Calendar

Modern React Event Calendar

A lightweight, customizable, and accessible calendar component for React applications. Open source and ready for production.

Designed to help developers manage and display various events with elegant and responsive UI across multiple views: day, week, month, and year.

Try DemoRead Documentation
12:40

Built with Modern Technologies

Leveraging the best libraries and frameworks for a seamless developer and user experience

Next.js & React

Server-side rendering and React components for optimal performance

Tailwind CSS

Utility-first CSS framework for rapid UI development

shadcn/ui

Beautiful, accessible UI components built with Radix UI and Tailwind

Zustand

Lightweight state management with minimal boilerplate

Drizzle ORM

TypeScript-first ORM with a focus on type safety and performance

date-fns & More

date-fns, Framer Motion, Nuqs, and other powerful libraries

Key Features

Everything you need to build a powerful calendar experience for your users

Multiple Views
Day, week, month, and year views to organize events however you need.
Customizable
Tailor colors, themes, and functionality to match your application perfectly.
Lightweight
Built with performance in mind, minimal dependencies, and optimized for speed.
Accessible
Built with accessibility in mind, fully keyboard navigable and screen reader friendly.
Easy to Integrate
Simple installation with comprehensive documentation to get you started quickly.
TypeScript Support
Fully typed with TypeScript for better developer experience and fewer bugs.

Frequently Asked Questions

Find answers to common questions about our Event Calendar