vibecodng.com

Free MCP betaIndex and tools live

Measured entry

8bitcn-checkbox

checkboxskeuomorphism

A pixel-styled wrapper around the shadcn Checkbox, delivered as a registry component plus a retro font stylesheet. It imports the project alias utility, the base checkbox, Radix checkbox types, class-variance-authority, Tailwind theme classes, and a Google-hosted font.

Specimen
Harness screenshot of 8bitcn-checkbox at 375 pixels wide
Harness screenshot at 375 pixels wide. No horizontal overflow recorded.
Harness screenshot of 8bitcn-checkbox at 768 pixels wide
Harness screenshot at 768 pixels wide. No horizontal overflow recorded.
Harness screenshot of 8bitcn-checkbox 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-checkbox
BuildOK
MountOK
Console errors0
Uncaught page errors0
Horizontal overflowclean at 375, 768, 1440
Axe critical1
Axe serious0
Axe moderate0
Axe minor0
Gzip marginal35.8 KB (101.2 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.03s
error during build:
[vite]: Rollup failed to resolve import "class-variance-authority" from "<sandbox>re-8b0f1dede874/src/cut/components/ui/8bit/checkbox.tsx".

Verdict

Publish as a failed verification. The build cannot resolve the expected base Checkbox, while the bare build also lacks the utility alias, so nothing mounted. It needs a shadcn-style setup and should be avoided by teams seeking a verified drop-in control.

Use it if

  • Your app already uses shadcn aliases, utilities, and the base Checkbox component.
  • You want a square retro treatment while retaining the behavior of your existing shadcn Checkbox.
  • Your design permits a stylesheet that loads its retro font from Google Fonts.

Skip it if

  • You need a standalone checkbox that can be copied into a plain React project.
  • Your build does not provide the expected project aliases and base shadcn Checkbox path.
  • Your policy forbids runtime font requests to Google Fonts.
  • You need a component whose mounting and accessibility behavior was verified by this harness run.

Install

Installation record for 8bitcn-checkbox
Declared dependenciesradix-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 the project path aliases, a compatible cn utility, the base shadcn Checkbox backed by Radix, class-variance-authority, Tailwind theme tokens and utilities, and the bundled retro stylesheet. Decide whether to retain or self-host its font import.

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