Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Table Block Project Tasks
Table component with project tasks showing priorities, assignees, due dates and status columns for React project management dashboards
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Manage projects on your Next.js dashboard with this project tasks table component. Features task titles with subtask counts, priority indicators with color coding, assignee avatars, due date displays with overdue warnings, status columns with drag hints, and progress percentages. Built with shadcn/ui Table, Avatar, Badge, and Progress components using Tailwind CSS and Lucide icons. The kanban-style overview enables quick task management perfect for project dashboards, team workspaces, agile boards, issue trackers, or any React app requiring task visibility.
Project Tasks
10 tasks · 3 in progress
| Task | Status | Priority | Assignees | Due Date | Progress | |
|---|---|---|---|---|---|---|
Implement user authentication flow 3/5 8 | In Progress | SCMJ | Today | 60% | ||
Design dashboard wireframes 4/4 12 | In Review | ER | Tomorrow | 100% | ||
Fix payment gateway integration 1/3 15 | Blocked | SC | Mar 10 | 33% | ||
Write API documentation 0/6 2 | To Do | DK | Mar 18 | 0% | ||
Set up CI/CD pipeline 2/4 5 | In Progress | LTDK | Mar 15 | 50% | ||
Optimize database queries | To Do | Unassigned | Mar 20 | 0% | ||
Add dark mode support 3/3 7 | Done | ER | Mar 8 | 100% | ||
Implement search functionality 2/5 4 | In Progress | MJ | Mar 14 | 40% | ||
Create onboarding tutorial 0/4 1 | To Do | JW | Mar 22 | 0% | ||
Security audit and fixes 5/6 18 | In Review | SCLT | Mar 12 | 83% |
Installation
Related blocks you will also like
Table with Avatar Stacks
Team assignees
Table with Progress Bars
Task progress
Table with Color Indicators
Priority colors
Table with DateTime Formatting
Due dates
Table with Badge Counters
Subtask counts
Table with Quick Actions
Task actions