# Inbox Calendar

> The Inbox-Style Calendar is a modern, list-based scheduling component that organizes events in a format similar to an email inbox. Instead of the traditional grid or wheel layout, events are displayed chronologically under their respective dates, making it perfect for users who manage event-heavy schedules. With the integration of the shadcn UI calendar, users can easily pick dates and add events directly into the timeline, while existing events can be expanded for details or removed with a single action. Its minimal design, smooth animations, and card-based entries ensure clarity and usability, offering an efficient way to manage and visualize busy schedules without overwhelming the user. This component is ideal for productivity apps, dashboards, and any platform that prioritizes quick event management and readability.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: uuid, date-fns, lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/inbox-calendar

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/inbox-calendar?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt