Projects & Work components
8 Projects & Work components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: Checklist, HR Attendance and Leave, Issue Board, Issue View, KanbanBoard, ProjectList, Project View, StatusLabelManager.
- ChecklistA checklist with one level of subtasks, a progress bar, attachments and a row menu. A parent follows its subtasks and ticking a parent ticks them all.
- HR Attendance and LeaveAn attendance marker with breaks, leave balances and requests that check overlap and balance, and payroll runs in whole minor units.
- Issue BoardA ready-made issue kanban. Issue cards with type, key, priority, labels, due date, votes, comments, attachments and assignee; search and assignee / reporter filters; a header with the count and New issue.
- Issue ViewOne issue as a page or a quick-view drawer with an inline title, a rich description, a properties sidebar, checklist, sub-issues, linked pull requests, comments, activity, time and AI cost.
- KanbanBoardControlled board of columns and draggable cards (dnd-kit sortable) with keyboard moves, localised announcements and RTL column flow.
- ProjectListA list of projects as a table or cards with status, progress, members, lead, due date and tags, plus search, status and client and member and tag filters, bulk select, loading skeletons and an empty state.
- Project ViewA project page with a header, progress and members, and tabs for overview, board, list, timeline, activity, time, AI cost, files, memory, vault, GitHub and settings.
- StatusLabelManagerAn admin screen to manage workflow statuses grouped by stage and flat labels, with colour, reorder, edit and delete that warns when in use.
TimeTracker
A running timer with project and task picker, manual time entries, an entries list grouped by day, and a day or week timesheet grid with totals.
Checklist
A checklist with one level of subtasks, a progress bar, attachments and a row menu. A parent follows its subtasks and ticking a parent ticks them all.