vibecodng.com

Free MCP betaIndex and tools live

Measured entry

8bitcn-toggle-group

switchskeuomorphismdo not use

A retro-styled wrapper around the shadcn toggle group and its Radix primitive. It ships through a shadcn registry with a shared retro stylesheet and web font, and relies on the sibling base toggle-group component, class-variance-authority, a cn utility, Tailwind classes, and project path aliases.

This entry is a do-not-use verdict

It is published because it broke, not in spite of it. The run stopped at the production build, and the recorded output is printed further down this page.

No frame on record for this entry

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-toggle-group
BuildFAIL
MountFAIL
Console errors0
Uncaught page errors1
Horizontal overflowclean at 375, 768, 1440
Axe critical0
Axe serious0
Axe moderate0
Axe minor0
Gzip marginalnot recorded
Bare modeFAIL
Provider requiredNO
Demo usednone

What the harness recorded

BUILD

✗ Build failed in 37.47s
error during build:
Could not resolve "../toggle-group" from "src/cut/components/ui/8bit/toggle-group.tsx"

PAGE ERROR

build failed

BARE BUILD

✗ Build failed in 34.88s
error during build:
Could not resolve "../toggle-group" from "src/cut/components/ui/8bit/toggle-group.tsx"

Verdict

Do not adopt the published item unchanged. Its wrapper cannot resolve the sibling base toggle-group import, so the build stops before mounting or accessibility checks. It needs a shadcn-style setup plus an explicit base toggle-group installation and import verification.

Use it if

  • You already use shadcn components and can ensure the base toggle group is installed before this wrapper.
  • Your interface calls for a pixel-art treatment with grouped single or multiple selection controls.
  • You are willing to host or approve the stylesheet's external retro font import.

Skip it if

  • You need a registry item that builds as published without repairing a missing sibling import.
  • Your project does not use Tailwind utilities, shadcn conventions, or path aliases.
  • You need a self-contained control with no external font request.
  • You cannot validate accessibility because the component never reached the mount stage.

Install

Installation record for 8bitcn-toggle-group
Declared dependenciesnone declared
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 Radix toggle-group primitive, class-variance-authority, a compatible cn helper, the base toggle-group implementation, Tailwind utility support, matching path aliases, and the retro stylesheet. Replace the alias and sibling imports as needed, and decide whether to retain or self-host the external font.

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

Alternatives

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