Measured entry
8bitcn-calendar
calendarskeuomorphismdo not use
A pixel-art wrapper around the shadcn calendar, shipped through a shadcn registry with a retro font stylesheet. It depends on the base shadcn calendar, sibling button and select components, class-variance-authority, react-day-picker, the cn utility, Tailwind theme classes, and a Google-hosted font.
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.
| Build | FAIL |
|---|---|
| Mount | FAIL |
| Console errors | 0 |
| Uncaught page errors | 1 |
| Horizontal overflow | clean at 375, 768, 1440 |
| Axe critical | 0 |
| Axe serious | 0 |
| Axe moderate | 0 |
| Axe minor | 0 |
| Gzip marginal | not recorded |
| Bare mode | FAIL |
| Provider required | NO |
| Demo used | none |
What the harness recorded
BUILD
✗ Build failed in 1m 29s error during build: Could not resolve "./select" from "src/cut/components/ui/8bit/calendar.tsx"
PAGE ERROR
build failed
BARE BUILD
✗ Build failed in 1m 52s error during build: Could not resolve "./button" from "src/cut/components/ui/8bit/calendar.tsx"
Verdict
Do not publish this registry item as verified yet. The build fails because the packaged source cannot resolve its sibling select component, while the bare build also lacks the sibling button. It needs a shadcn-style setup and the complete 8bit dependency set before it can mount.
Use it if
- Your app already uses shadcn conventions and can install the matching 8bit button and select components.
- You want month and year dropdowns plus pixel-style navigation controls in a retro interface.
Skip it if
- You need a registry item that builds on its own without repairing missing sibling imports.
- Your project cannot load an externally hosted Google font.
- Your design system does not provide shadcn path aliases, theme tokens, and utility helpers.
Install
| Declared dependencies | none declared |
|---|---|
| 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 base calendar, matching 8bit button and select components, react-day-picker, class-variance-authority, a cn-compatible utility, path aliases, Tailwind theme tokens, and the retro stylesheet. Replace or self-host the imported font if remote font loading is unsuitable.
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-uiAlternatives
Other published entries for the calendar pattern, ordered by what they measured: mounts first, then clean axe scans, then bare-mode passes, then the smaller bundle.
- shadcn-calendarunclassified
- Renders
- YES
- A11y
- 0
- Gzip
- 37.3KB
- Bare
- fail
- Prov
- NO
- shadcn-block-calendar-01minimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 50.8KB
- Bare
- fail
- Prov
- NO
- shadcn-block-calendar-02minimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 50.9KB
- Bare
- fail
- Prov
- NO
- shadcn-block-calendar-03minimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 50.9KB
- Bare
- fail
- Prov
- NO
- shadcn-block-calendar-04minimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 50.9KB
- Bare
- fail
- Prov
- NO
- shadcn-block-calendar-05minimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 50.9KB
- Bare
- fail
- Prov
- NO