# Project Management Dashboard

> A modern, Tailwind-powered React component for building a project management dashboard with full customization through props plus extensive events to hook into when setting up your backend API.   Includes fallbacks when event handlers are not provided, simple inline forms for editing project details, drag and drop support for reordering projects (must be in list mode with filter set to manual), side panel nav bar, functional project search, functional project filtering and ordering, side panel for client messaging with message favoriting system, local storage persistence for UI state, per project branding with accentColor and bgColor class, accessibility features like keyboard navigation, aria live announcements for drag and drop reordering, and control labels plus optional list virtualization for long project lists.   Provide initial projects and messages via optional props or connect to your backend to update projects in real time vie event handlers.   Enjoy the single best, most fully featured Project Management Dashboard component available here on 21st.dev, oh and it is dependency free.

- Author: [scott clayton](https://21st.dev/@lovesickfromthe6ix)
- License: unknown
- Live preview: https://21st.dev/@lovesickfromthe6ix/components/project-management-dashboard

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/lovesickfromthe6ix/project-management-dashboard?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