design-infraReport a problem or share feedback← Catalog
404 / Not Found Spotlight
freebeui/not-found-spotlight
A dark panel where a cursor-tracked spotlight reveals the bright code from a dim base.
$
npx shadcn@latest add @beui/not-found-spotlightnpm deps: clsx, motion, tailwind-merge
- Source
- beUI (free)
- Kind
- block
- Categories
- empty-state
- Use as
- drop-in — replaces your component
- Applies to
- empty-state
- Motion
- on cursor, enter · medium · motion · medium cost
- Tags
- react, tailwind-v4, motion, blocks
- Licence
- MIT — Copyright (c) 2026 Saurabh Chauhan; retain the upstream notice when copying source.
- Live demo
- beui.dev
- Docs
- beui.dev
Similar
Compare all 4 →- 404 / Not Found Stackedbeui/not-found-stackedA code card over a hidden stack that fans out with a spring on hover.
- Empty stateoc/empty-stateZero-data / first-run placeholder: layered icon, title, one primary next step, optional secondary + help link. Dashed drop-zone or plain.
- 404 / Not Found Glitchbeui/not-found-glitchDigits scramble through random glyphs before resolving, with a chromatic split on hover.