Scalar UI
Marketing UIApp UIAIChartsBackgrounds
Sign inGet started
Scalar UI
Scalar UI© 2026 Scalar Limited

React · Tailwind CSS · Motion

Browse

HomeAll components 213

Collections

Marketing UI 107App UI 94AI 16Charts 45Backgrounds 2Text 43

More

Text 43

Getting started

Installation

Primitives

AccordionsAlert DialogsAlerts2Aspect RatiosAvatars2BadgesBreadcrumbsButton GroupsButtons2CalendarsCheckboxesCollapsiblesComboboxesCommand MenusContext MenusDate PickersDialogsDropdown MenusEmpty StatesFields2FormsHover CardsInput OTPInputs3KbdMenubarsNavigation MenusPaginationPassword InputsPopoversProgress2Radio GroupsResizableScroll AreasSelectsSeparatorsSheetsSkeletonsSlidersSpinnersSwitchesTablesTabsToastsToggles2ToolbarsTooltipsSortablesStatus DotsTree ViewsFile UploadsSteppers

Layouts

SidebarsNavbarsApp Shells

Blocks

SchedulersBoards3CanvasesWorkflowsAI apps4Developer tools3AuthenticationOnboardingSettingsPricing & upgrades2Help & feedback4System pages7Admin console

Other

Cards

Resources

Docs & installScalar Design
App UIBlocks

Boards

Kanban boards, a roadmap timeline and an issue list for planning work.

PreviousSchedulersNextCanvases

On this page

Issue ListBy AssigneeCompactKanbanSwimlanesWIP LimitsSimpleRoadmapLaunch PlanYear

Issue List

Issues grouped by status, priority or assignee, with menus on every row, keyboard moves (j/k, x to select, 1–5 for priority), rows that glide to their new group, and a floating bar for bulk changes.

radix-ui · motion · lucide-react

By Assignee

Grouped by person; reassign from the avatar menu and the row moves.

Compact

Read-only and ungrouped, with shorter rows.

Kanban

A board whose cards drag within and between columns with a spring, move with Space and the arrow keys, open on click or Enter, and can be added inline; work-in-progress limits and swimlanes.

motion · lucide-react

Roadmap

A Gantt-style roadmap: bars that drag to new dates and resize from either end, snapping to days; milestones as diamonds, a progress fill, a today line, groups that fold and week, month or quarter scales.

motion · lucide-react

Swimlanes

A lane per team that folds away; cards move between lanes and columns.

WIP Limits

A support queue where Working turns red past its limit of two.

Simple

Titles only, with Add card at the foot of each column.

Launch Plan

Week scale with milestones for a launch; drag the diamonds to new days.

Year

A read-only year at quarter scale, grouped by half.