vibecodng.com

Free MCP betaIndex and tools live

Measured entry

hextaui-breadcrumb

navbarminimal-flat

A copy-in breadcrumb primitive delivered through a shadcn registry, with semantic navigation and list elements plus link, current-page, separator, and ellipsis parts. It uses React, Radix Slot for polymorphic links, Lucide icons, Tailwind utility classes, and a shared class-merging helper.

Specimen
Harness screenshot of hextaui-breadcrumb at 375 pixels wide
Harness screenshot at 375 pixels wide. This viewport scrolled sideways.
Harness screenshot of hextaui-breadcrumb at 768 pixels wide
Harness screenshot at 768 pixels wide. No horizontal overflow recorded.
Harness screenshot of hextaui-breadcrumb 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-breadcrumb
BuildOK
MountOK
Console errors0
Uncaught page errors0
Horizontal overflowflagged at 375
Axe critical0
Axe serious0
Axe moderate0
Axe minor0
Gzip marginal31.7 KB (97.2 KB build, 65.5 KB baseline)
Bare modeFAIL
Provider requiredNO
Demo usedwritten from the component source API

What the harness recorded

BARE BUILD

✗ Build failed in 654ms
error during build:
[vite]: Rollup failed to resolve import "lucide-react" from "<sandbox>re-d96a674ba2cc/src/cut/components/ui/breadcrumb.tsx".

Verdict

A sound, accessible set of breadcrumb primitives for Tailwind projects, with clean composition and no provider requirement. Adopt it when you are comfortable owning route mapping and responsive behavior; the component does not solve either, and the supplied narrow presentation overflows.

Use it if

  • You want composable breadcrumb parts that can map onto your router links through the child-slot option.
  • Your app already uses Tailwind theme tokens and a shared class-merging utility.
  • You need semantic breadcrumb markup with a clearly marked current page and decorative separators.

Skip it if

  • You need breadcrumbs generated automatically from route metadata or page hierarchy.
  • You need built-in responsive collapsing, truncation, or overflow management for long paths.
  • Your narrow layout cannot tolerate the supplied fixed-width presentation overflowing the viewport.
  • You want a packaged component with isolated styles instead of source copied into your application.

Install

Installation record for hextaui-breadcrumb
Declared dependencies@radix-ui/react-slot, clsx, tailwind-merge
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 React, Radix Slot, Lucide React, Tailwind CSS, clsx, and tailwind-merge. Provide the shared class-merging helper, configure the referenced semantic color and focus-ring tokens, and replace the source alias with a path your build resolves.

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-16

Alternatives

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