Skip to content
UI Kit
Accent color

Project management UI for tasks and planning

Kanban boards, task lists, time tracking and resource planning.

4 components · 20 variants
Switch category

Work that moves from column to column

Project management screens are where a team sees what is open, who does it and when it is due. The four components here cover the board, the list, the hours and the plan, and cards, tasks and bookings move by mouse, touch and keyboard, so nobody depends on drag and drop alone.

Kanban board brings columns with work in progress limits, swimlanes per person or priority, a sprint with burndown, card details with a checklist and comments and a compact board with filters. Task list groups tasks by due date, sorts them as a table, places them in a priority matrix, gathers My Day and opens one task as its own page. Time tracker runs a live timer, fills a weekly timesheet like a spreadsheet, lists entries to edit and bill, sums up the week and keeps focus rounds. Scheduler plans a team week with bookings you drag and stretch, a shift plan with open shifts, rooms by the hour, capacity as a heatmap and a common free time.

Start with the view your team opens first in the morning, usually the board or My Day, and link the others from there. Few columns read best, five fit well on a laptop. Every component takes your data as props, so the same tasks can appear as board, list and plan side by side.

On this page

Every component of this category. Pick one to jump to its variants.

kanban-board

Kanban board

Kanban boards with limits per column, cards you move by mouse, touch, keyboard or menu, swimlanes, a sprint with burndown, card details and filters.

Props and details · Kanban board

BoardNew in 1.2

Columns with work in progress limits that warn, fold away and take new cards. Drag cards, or lift them with Space and move them with the arrow keys.

SwimlanesNew in 1.2

One row per person or priority across the same columns. Moving a card into another row hands it over or changes its priority.

SprintNew in 1.2

Sprint head with dates, goal, days left and done points, a burndown against the ideal line and points per column that follow every move.

Card detailsNew in 1.2

The board next to the open card with status, people, due date, labels, points, a checklist with progress and comments. On phones the card opens as a sheet.

Compact with filtersNew in 1.2

Dense columns for long boards, filtered by search, label and person, with a live count of the cards on show.

scheduler

Scheduler

Planning for people and rooms. Bookings to drag and resize with conflicts, a shift plan with open shifts, rooms with a line for now, capacity and a common free time.

Props and details · Scheduler

Team weekNew in 1.2

People by days with bookings as bars. Drag them to another day or person, pull the edge to stretch, or use the arrow keys. Days over capacity are marked.

Shift planNew in 1.2

Early and late shifts per person and day, staffing against the need, hours against the contract, open shifts to hand out and a plan to publish.

Rooms todayNew in 1.2

Rooms by the hour with seats and equipment, a line for now, the past shaded, and every free gap ready to book in two taps.

CapacityNew in 1.2

Load per person and week as a heatmap in percent or hours, a team average, filters by team and the projects behind every cell.

Find a timeNew in 1.2

Pick who needs to be there and how long, see where everyone is free across the week and take one of the best times.

task-list

Task list

Task screens with priorities, subtasks, filters and a satisfying tick. Grouped by due date, a sortable table, an urgent and important matrix, My Day and a task page.

Props and details · Task list

Grouped by due dateNew in 1.2

Overdue, today, the next seven days and later, with a quick add, filters for status, priority and person, subtasks that fold out and undo after ticking.

TableNew in 1.2

Sortable columns, a status menu in every row, filters, selection with bulk actions and a card list on phones.

Priority matrixNew in 1.2

Urgent and important as four fields. Drag a task, use its menu, or lift it with Space and move it with the arrow keys.

My DayNew in 1.2

A focus list for today with a progress ring, the next task in front, reordering and suggestions that are due soon.

Task pageNew in 1.2

One task with status, fields for person, due date, priority, project and estimate, subtasks you tick and reorder, and comments.

time-tracker

Time tracker

Time tracking with a live timer, a weekly timesheet you fill like a spreadsheet, entries by day to edit and bill, a week summary with charts and a focus timer.

Props and details · Time tracker

TimerNew in 1.2

A running timer with note, project, activity and billable switch, today's entries to continue or delete, and the week against its goal.

TimesheetNew in 1.2

Projects by days with totals per row, day and week, arrow keys like a spreadsheet, week switching, submitting and steppers on phones.

EntriesNew in 1.2

Entries grouped by day with totals, hours and amount up top, filters by project and billable, edit in place and delete with undo.

Week summaryNew in 1.2

Hours against the goal, billable share, amount and daily average, stacked bars per day, the split by project and last week to compare.

Focus timerNew in 1.2

Focus rounds and breaks on a ring with a minute scale, start, pause, reset and skip, what you work on, and every finished round logged.

Similar components

More from App, the same area of the kit.

Often combined with

Sections that usually sit next to Tasks and planning on a page.

Often searched

Jump to

Copied to the clipboard