Measured entry
hextaui-team-invitations
A client-side React card for listing team invitations and creating email or direct-link invites. It ships as a shadcn registry block with controlled async callbacks, and depends on HextaUI or shadcn primitives, Radix packages, Lucide icons, Tailwind styling, and a cn utility.



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.
| Build | OK |
|---|---|
| Mount | OK |
| Console errors | 0 |
| Uncaught page errors | 0 |
| Horizontal overflow | clean at 375, 768, 1440 |
| Axe critical | 0 |
| Axe serious | 0 |
| Axe moderate | 0 |
| Axe minor | 0 |
| Gzip marginal | 78.7 KB (144.1 KB build, 65.4 KB baseline) |
| Bare mode | FAIL |
| Provider required | NO |
| Demo used | written from the component source API |
What the harness recorded
BARE BUILD
✗ Build failed in 1m 17s error during build: [vite:load-fallback] Could not load <sandbox>/src/lib/utils (imported by src/cut/blocks/team/team-invitations.tsx): ENOENT: no such file or directory, open '<sandbox>/src/lib/utils'
Verdict
A solid, focused account-settings block when its callback contract matches your backend. It builds, mounts, and adapts cleanly in the prepared harness, but it needs a shadcn-style setup and is not a drop-in standalone package.
Use it if
- You need an invitation panel with roles, expiry choices, optional messages, and direct links.
- Your backend can supply invitation records and implement create, resend, revoke, and copy callbacks.
- Your app already follows shadcn conventions and uses compatible registry primitives.
Skip it if
- You want a standalone widget with no shadcn component layer or Tailwind theme.
- You need built-in API calls, email delivery, authorization, or server-side invitation state.
- You need bulk invitations, search, pagination, or editing existing invite roles.
Install
| Declared dependencies | @radix-ui/react-slot, @radix-ui/react-checkbox, @radix-ui/react-dialog, @radix-ui/react-dropdown-menu, @radix-ui/react-label, @radix-ui/react-separator, @radix-ui/react-select |
|---|---|
| Missing on install | none |
| Bare install | fails once the shadcn-style helpers are removed, so it needs that setup |
| Provider | no provider required in the harness |
In a non-shadcn project, add the required Radix and Lucide packages, Tailwind theme tokens, the cn helper and path alias, plus compatible badge, button, card, checkbox, dialog, dropdown, empty-state, field, input-group, select, and textarea components. Wire the async callbacks to your own invitation service.
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/HextaUIAlternatives
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.
- hyperui-team-3editorial
- Renders
- YES
- A11y
- 0
- Gzip
- 17.4KB
- Bare
- pass
- Prov
- NO
- meraki-team-side-by-sideminimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 17.9KB
- Bare
- pass
- Prov
- NO
- meraki-team-simpleminimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 17.9KB
- Bare
- pass
- Prov
- NO
- hyperui-team-1editorial
- Renders
- YES
- A11y
- 0
- Gzip
- 18.1KB
- Bare
- pass
- Prov
- NO
- hyperui-team-2editorial
- Renders
- YES
- A11y
- 0
- Gzip
- 18.2KB
- Bare
- pass
- Prov
- NO
- meraki-team-backgroundminimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 20.5KB
- Bare
- pass
- Prov
- NO