vibecodng.com

Free MCP betaIndex and tools live

Measured entry

hextaui-team-member-list

teamminimal-flat

A client-side React card for listing and managing team members, with search, role and status filters, optional usage data, and callback-driven actions. It ships as a copy-in shadcn registry block and depends on project-local Hexta UI primitives, Radix-backed controls, Lucide icons, Tailwind theme classes, and a cn utility.

Specimen
Harness screenshot of hextaui-team-member-list at 375 pixels wide
Harness screenshot at 375 pixels wide. No horizontal overflow recorded.
Harness screenshot of hextaui-team-member-list at 768 pixels wide
Harness screenshot at 768 pixels wide. No horizontal overflow recorded.
Harness screenshot of hextaui-team-member-list 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-team-member-list
BuildOK
MountOK
Console errors0
Uncaught page errors0
Horizontal overflowclean at 375, 768, 1440
Axe critical1
Axe serious0
Axe moderate0
Axe minor0
Gzip marginal73.9 KB (139.3 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 12s
error during build:
[vite:load-fallback] Could not load <sandbox>/src/lib/utils (imported by src/cut/blocks/team/team-member-list.tsx): ENOENT: no such file or directory, open '<sandbox>/src/lib/utils'

Verdict

A credible admin roster with useful extension points and responsive empty-state behavior. It builds and mounts in the full harness, but it needs a shadcn-style setup, does not work bare, and should not ship until the critical button naming issue is fixed.

Use it if

  • You need a roster that exposes roles, invitation state, activity details, and optional usage data in one admin card.
  • Your app already uses shadcn-style local primitives, path aliases, Tailwind theme tokens, and Lucide icons.
  • You want built-in search and filters plus async hooks for promotion, demotion, invitation, and removal actions.

Skip it if

  • You need an accessible component without remediation, because the harness found button controls without discernible names.
  • You are protecting a lean client bundle and do not already ship the component's Radix and Hexta UI dependencies.
  • You want a standalone package for plain React without path aliases, Tailwind styling, or shadcn-style scaffolding.
  • You need a server component, since this block owns client state and interactive menus.

Install

Installation record for hextaui-team-member-list
Declared dependencies@radix-ui/react-avatar, @radix-ui/react-slot, @radix-ui/react-dropdown-menu, @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 cn helper and matching import alias, copy or recreate the avatar, badge, button, card, dropdown, empty-state, input-group, select, and separator primitives, install their Radix packages and Lucide icons, and provide the expected Tailwind utilities and theme tokens. No provider is required.

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 team pattern, ordered by what they measured: mounts first, then clean axe scans, then bare-mode passes, then the smaller bundle.