vibecodng.com

Free MCP betaIndex and tools live

Measured entry

8bitcn-command

cardskeuomorphism

An 8-bit styled wrapper around cmdk and shadcn command primitives, shipped as registry source rather than a standalone package. It also includes a Radix-based separator and retro stylesheet, and expects Tailwind utilities, the @ alias, a cn helper, shadcn command and dialog components, plus a remotely loaded Press Start font.

Specimen
Harness screenshot of 8bitcn-command at 375 pixels wide
Harness screenshot at 375 pixels wide. No horizontal overflow recorded.
Harness screenshot of 8bitcn-command at 768 pixels wide
Harness screenshot at 768 pixels wide. No horizontal overflow recorded.
Harness screenshot of 8bitcn-command 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 8bitcn-command
BuildOK
MountOK
Console errors0
Uncaught page errors0
Horizontal overflowclean at 375, 768, 1440
Axe critical0
Axe serious0
Axe moderate0
Axe minor0
Gzip marginal49.4 KB (114.8 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 1.08s
error during build:
[vite]: Rollup failed to resolve import "lucide-react" from "<sandbox>re-56692c7958bb/src/components/ui/dialog.tsx".

Verdict

The harness build fails because the registry dependency did not provide the imported @/components/ui/command module; the bare build also lacks @/lib/utils. Treat this as source for an existing shadcn-style setup, not a drop-in component. Avoid it when dependency repair is out of scope.

Use it if

  • You already run a shadcn and Tailwind stack and want a retro command palette that preserves cmdk behavior.
  • You want composable command groups, items, shortcuts, separators, and a dialog wrapper with pixel-styled framing.
  • Your project permits a hosted font import or can replace it with a locally managed retro font.

Skip it if

  • You need a standalone package that works without shadcn aliases, helpers, and generated UI primitives.
  • Your design system does not use Tailwind theme tokens or cannot accommodate the component's global retro stylesheet.
  • Your security or privacy policy forbids loading fonts from an external provider.
  • You require a component that passes the supplied build harness without repairing registry dependencies.

Install

Installation record for 8bitcn-command
Declared dependenciescmdk, radix-ui, 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 cmdk and the Radix separator package, provide compatible command and dialog primitives, create the cn helper and @ path alias, configure Tailwind theme tokens, include the retro stylesheet, and decide whether to keep or self-host its font import. The registry dependency wiring must also be repaired so the command primitive 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/TheOrcDev/8bitcn-ui
License
MIT
Record published
2026-08-15

Alternatives

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