vibecodng.com

Free MCP betaIndex and tools live

Measured entry

hextaui-task-board

formminimal-flat

A client-side Kanban task board shipped as a shadcn registry component. It renders task cards in configurable status columns, supports native drag and drop plus menu-based moves, and delegates persistence to callbacks. It depends on React, Lucide icons, shadcn-style UI primitives, Tailwind theme classes, the shared utility helper, and Task types from the companion task-list component.

Specimen
Harness screenshot of hextaui-task-board at 375 pixels wide
Harness screenshot at 375 pixels wide. This viewport scrolled sideways.
Harness screenshot of hextaui-task-board at 768 pixels wide
Harness screenshot at 768 pixels wide. No horizontal overflow recorded.
Harness screenshot of hextaui-task-board at 1440 pixels wide
Harness screenshot at 1440 pixels wide. No horizontal overflow recorded.

Measured

Every value below was written by the harness on the run that produced the frames above. None of it is derived from the prose.

Harness measurements recorded for hextaui-task-board
BuildOK
MountOK
Console errors0
Uncaught page errors0
Horizontal overflowflagged at 375
Axe critical0
Axe serious0
Axe moderate0
Axe minor0
Gzip marginal66.2 KB (131.6 KB build, 65.4 KB baseline)
Bare modeFAIL
Provider requiredNO
Demo usedwritten from the component source API

What the harness recorded

BARE BUILD

✗ Build failed in 1m 43s
error during build:
[vite:load-fallback] Could not load <sandbox>/src/lib/utils (imported by src/cut/blocks/tasks/task-board.tsx): ENOENT: no such file or directory, open '<sandbox>/src/lib/utils'

Verdict

A credible starting point for shadcn-based task tooling: it builds, mounts, and passes the automated accessibility scan in the configured harness. The narrow layout overflows and interaction logic is intentionally thin. It needs a shadcn-style setup and is not a standalone install.

Use it if

  • You need a drop-in task board inside an existing shadcn and Tailwind application.
  • Your data layer can supply tasks and implement the move, create, select, update, and delete callbacks.
  • Horizontal scrolling on narrow screens is acceptable for preserving side-by-side columns.

Skip it if

  • You need a compact mobile layout without horizontal overflow.
  • You need robust touch or keyboard reordering rather than native desktop drag and drop.
  • Bundle weight is tightly constrained and your app does not already ship the required primitives.
  • You want a self-contained board with persistence, dialogs, and task editing already implemented.

Install

Installation record for hextaui-task-board
Declared dependencies@radix-ui/react-avatar, @radix-ui/react-slot, @radix-ui/react-dropdown-menu, @radix-ui/react-checkbox, @radix-ui/react-select, @radix-ui/react-separator
Missing on installnone
Bare installfails once the shadcn-style helpers are removed, so it needs that setup
Providerno provider required in the harness

In a non-shadcn project, add the configured path alias and shared class-name utility, Tailwind theme tokens, Lucide React, the avatar, badge, button, card, and dropdown-menu primitives, their Radix dependencies, and the companion task-list types. Mark the integration as client-side and adapt the registry import paths to your source tree.

Source and credit

This page is a review, not a copy. The component source lives with its author and this site does not republish it. Read the license before you use anything.

Author repository

github.com/preetsuthar17/HextaUI
License
MIT
Record published
2026-08-14

Alternatives

Other published entries for the form pattern, ordered by what they measured: mounts first, then clean axe scans, then bare-mode passes, then the smaller bundle.