{"repo":"vmnog/calendarcn","free":true,"listed":false,"github":"https://github.com/vmnog/calendarcn","clone":"git clone https://github.com/vmnog/calendarcn.git","description":"A beautifully crafted calendar component built with shadcn/ui and Tailwind CSS, inspired by Notion Calendar. Week view, dark mode, and more.","language":"TypeScript","stars":128,"topics":["calendar","nextjs","shadcn-ui","tailwindcss"],"license":"MIT","category":"ui-components","readme_excerpt":"CalendarCN A beautifully crafted, open source calendar component for React. Built with shadcn/ui, inspired by Notion Calendar. Live Demo Features - Week View - Full week calendar with time slots - Dark Mode - Seamless light/dark theme support - Event Colors - Multiple event color options (red, orange, yellow, green, blue, purple, gray) - All-Day Events - Support for all-day and multi-day events - Current Time Indicator - Visual indicator for current time - Responsive Sidebar - Collapsible calendar sidebar with mini calendar - Calendar Management - Multiple calendar support with visibility toggles - Keyboard Shortcuts - Navigate efficiently with keyboard shortcuts Tech Stack - Next.js 16 - React framework - React 19 - UI library - Tailwind CSS 4 - Styling - shadcn/ui - UI components - date-fns - Date utilities - Lucide React - Icons Getting Started Prerequisites - Node.js 22+ (see .nvmrc ) - pnpm 9+ Installation 1. Clone the repository: 2. Install dependencies: 3. Run the development server: 4. Open http://localhost:3000 in your browser. Project Structure Keyboard Shortcuts Shortcut Action ------------------ ----------------------- T Go to today J / ArrowLeft Previous week K / ArrowRight Next week / Toggle context panel ⌘ + / Toggle calendar sidebar Contributing Contributions are welcome! Please read the Contributing Guide to get started. Roadmap See ROADMAP.md for the full roadmap. License MIT License - feel free to use this in your own projects! Credits - Design inspired by ","default_branch":null,"files":null,"tree":[],"storefront":"/r/vmnog","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/vmnog/calendarcn/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}