vibecodng.com

Free MCP betaIndex and tools live

Measured entry

neobrutalism-popover

popoverbrutalism

A client-side React popover wrapper shipped as a shadcn registry TSX file. It composes Radix Popover primitives with a portal and neobrutalist Tailwind classes, and depends on React, @radix-ui/react-popover, a local cn utility, path aliases, and matching theme and animation utilities.

Specimen
Harness screenshot of neobrutalism-popover at 375 pixels wide
Harness screenshot at 375 pixels wide. No horizontal overflow recorded.
Harness screenshot of neobrutalism-popover at 768 pixels wide
Harness screenshot at 768 pixels wide. No horizontal overflow recorded.
Harness screenshot of neobrutalism-popover 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 neobrutalism-popover
BuildOK
MountOK
Console errors0
Uncaught page errors0
Horizontal overflowclean at 375, 768, 1440
Axe critical0
Axe serious0
Axe moderate0
Axe minor0
Gzip marginal49.6 KB (115.0 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 35.39s
error during build:
[vite:load-fallback] Could not load <sandbox>/src/lib/utils (imported by src/cut/components/ui/popover.tsx): ENOENT: no such file or directory, open '<sandbox>/src/lib/utils'

Verdict

A sound choice for an existing neobrutalist shadcn codebase: it builds, mounts, and keeps Radix's accessible interaction model. It is not standalone, and needs a shadcn-style setup because the bare project cannot resolve its local utility import or styling conventions.

Use it if

  • You already use shadcn conventions and want a compact anchored panel for settings, filters, or contextual controls.
  • You want Radix behavior with an opinionated neobrutalist surface that remains customizable through className and primitive props.
  • You need a portal-based popover without adding a provider around the component tree.

Skip it if

  • Your project does not use Tailwind or cannot supply the component's custom theme tokens and state animation utilities.
  • You want a drop-in component for a bare React project with no alias or shared class-merging helper.
  • You need an unstyled primitive or a visual language that does not match thick borders and the neobrutalist treatment.
  • You are minimizing client-side UI dependencies and do not otherwise need Radix Popover.

Install

Installation record for neobrutalism-popover
Declared dependencies@radix-ui/react-popover
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 Popover package, provide a cn class-merging helper, configure the local import alias, and define the referenced Tailwind theme tokens and state animation utilities. Keep it in a client-rendered React boundary.

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/ekmas/neobrutalism-components
License
MIT
Record published
2026-08-14

Alternatives

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