vibecodng.com

Free MCP betaIndex and tools live

Measured entry

ruixen-account-menu

dropdownunclassified

A client-side account dropdown with profile navigation, theme choices, notification toggles, and logout. It ships as a shadcn registry component composed from the shared Button and Dropdown Menu primitives, with Lucide icons, Radix behavior, Tailwind classes, and theme tokens.

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

Verdict

A sound starter for an existing shadcn-style app, with useful menu structure and clean harness behavior. It needs a shadcn-style setup to mount, and its account identity, selection state, and actions are placeholders that require product wiring.

Use it if

  • You already use shadcn-style aliases, theme tokens, and shared UI primitives.
  • You want a compact account menu with nested preference controls as a starting point.
  • You are prepared to connect navigation, theme, notification, and logout behavior yourself.

Skip it if

  • You need a self-contained dropdown that can be pasted into a plain React project.
  • You need account actions that are already wired to routing, authentication, or saved preferences.
  • You want controlled theme and notification state out of the box; the supplied values and labels are static.

Install

Installation record for ruixen-account-menu
Declared dependencieslucide-react, radix-ui
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 Button and Dropdown Menu primitives, the class-name utility and path alias they import, Lucide icons, Radix menu support, Tailwind styling, and the expected semantic color tokens. Then replace the sample identity and connect every action and preference to application state.

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/ruixenui/ruixen.com
License
MIT
Record published
2026-08-14

Alternatives

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