Creative Tim UICreative Tim UI

Agent task board with kanban-style columns and task assignment - shadcn/ui

Kanban task board with 4 columns: Backlog, In Progress, In Review, Done. Each column has a count badge and add button. Task cards show title, priority badge (Critical/High/Medium/Low), assigned agent avatar, issue ID, token count, and creation time. Drag handle icon on each card. Agent filter dropdown in header. 12 mock tasks distributed across columns.

Preview

Component Details

ID
agent-management-tasks-01
Type
Block
Access
Free
Category
Pages
Published
3 Apr 2026

Files Included

  • app/agent-management/tasks/page.tsx
  • components/creative-tim/blocks/agent-management-tasks-01.tsx

Components Used

Explore More Blocks

Team
TeamProfessional team member showcase components for React and Next.js. Build team pages, member profiles, organization charts, and employee directories with customizable layouts.
Widgets
WidgetsVersatile widget components for React and Next.js. Build dashboard widgets, stats cards, join-now sections, and data visualization panels with customizable designs.
Content
ContentVersatile content layout components for React and Next.js. Build blog posts, articles, portfolios, project showcases, comment sections, and rich content presentations with customizable designs.
Table
TableProfessional data table components for React and Next.js. Build product comparisons, crypto trackers, inventory tables, sales reports, member lists, invoices, and transaction records with sortable columns and interactive features.
Coming Soon
Coming SoonProfessional coming soon and launching soon page components for React and Next.js. Build launch pages with countdown timers, email subscriptions, video backgrounds, app previews, and notification signup forms.
Web3 Charts
Web3 ChartsProfessional Web3 and cryptocurrency chart components for React and Next.js. Build crypto price charts, staking metrics, transaction analytics, blockchain data visualizations, and interactive dashboards with Recharts integration for displaying cryptocurrency data and market statistics.
Maintenance
MaintenanceProfessional maintenance and downtime page components for React and Next.js. Build scheduled maintenance notifications, system upgrade messages, and under construction pages with email notifications and social links.
Error
ErrorProfessional error page components for React and Next.js. Build 404 and 500 error pages with various layouts, icons, emoji, background images, and call-to-action buttons for better user experience.