# ParticleFlowCalendar

> The Particle Flow Calendar is an innovative, visually engaging calendar component where each day is represented as a particle in a circular flow. Users can add events that appear as glowing bursts along the particle’s path, creating a dynamic and interactive visualization of their schedule. It includes a month and year navigation system, allowing users to quickly switch between months, while a bottom overview card lists all events for the selected month for easy reference. Built entirely with ShadCN UI components, it features a responsive design with light and dark theme support, ensuring that particle colors, borders, and backgrounds adapt seamlessly to the user’s preferred theme. The glowing pulses and interactive popovers provide immediate, intuitive feedback on event details, making it ideal for visually tracking events in a fun and engaging way.

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

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/particle-flow-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