vibecodng.com

Free MCP betaIndex and tools live

Measured entry

ruixen-event-scheduler

calendarunclassifiedmotion on file

A compact client-side scheduler for adding, sorting, and removing events within a single day. It ships as a shadcn registry TypeScript component, keeps its own local event state, uses Motion for list transitions, and imports the shadcn cn utility through the project alias.

Specimen
Motion capture of the mounted demo, recorded by the harness. No audio track.
Harness screenshot of ruixen-event-scheduler at 375 pixels wide
Harness screenshot at 375 pixels wide. No horizontal overflow recorded.
Harness screenshot of ruixen-event-scheduler at 768 pixels wide
Harness screenshot at 768 pixels wide. No horizontal overflow recorded.
Harness screenshot of ruixen-event-scheduler 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-event-scheduler
BuildOK
MountOK
Console errors0
Uncaught page errors0
Horizontal overflowclean at 375, 768, 1440
Axe critical0
Axe serious0
Axe moderate0
Axe minor0
Gzip marginal69.9 KB (135.3 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 37.22s
error during build:
[vite:load-fallback] Could not load <sandbox>/src/lib/utils (imported by src/cut/event-scheduler.tsx): ENOENT: no such file or directory, open '<sandbox>/src/lib/utils'

Verdict

A focused agenda input that builds, mounts, and adapts cleanly in the prepared harness. It is best treated as a polished starting point, not a full calendar. It needs a shadcn-style setup because the bare project cannot resolve its shared utility import.

Use it if

  • You need a lightweight same-day agenda with inline event creation.
  • Your product already uses React, Tailwind utility classes, and shadcn project conventions.
  • You can persist additions and removals through the supplied callbacks.

Skip it if

  • You need multi-day scheduling, date selection, time zones, recurring events, or conflict handling.
  • You need externally controlled event state that updates after the component mounts.
  • You cannot accept a fixed daytime range and quarter-hour choices.
  • You want a dependency-free widget or cannot include browser audio behavior.

Install

Installation record for ruixen-event-scheduler
Declared dependenciesmotion
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, install Motion, add a compatible cn class-merging helper, configure the project alias used by that helper import, and ensure Tailwind provides the referenced neutral, dark-mode, and transition utilities. Render it as a client component in frameworks that distinguish server and client code.

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 calendar pattern, ordered by what they measured: mounts first, then clean axe scans, then bare-mode passes, then the smaller bundle.