145 animated React components with motion, glow and sound effects, built with Tailwind CSS v4.
A navigation list on a ruler of tick marks: every line the pointer crosses plucks like a string, neighbouring lines and ticks stretch and light up on springs, and an optional preview card follows the pointer.
Vertical timeline drawn as a light rail: a glowing head travels a hairline track as you scroll, leaving a soft trail and igniting each entry's dot as it arrives.
A field that opens a floating listbox of time slots generated at a configurable step, fully keyboard-navigable, with the highlighted slot always scrolled into view.
A notification system: call toast() from anywhere to queue one, mount <Toaster /> once to render the stack — success, error, info and loading variants, an optional action, and accessible live-region announcements
Two-state button carrying aria-pressed, for a single on/off option like a formatting mark or a filter
A segmented row of toggle buttons with roving-tabindex keyboard navigation and single or multiple selection.
One tool invocation in a disclosure card: status dot, tool name, duration, and the request and result payloads pretty-printed on expand
Compact session summary of an agent's tool calls: one row per action on a vertical rail, with the target it touched, its diff stats, and when it ran
A small anchored label that explains a control on hover or focus — plain text only, never interactive content
Vertical SVG beam that highlights scroll progress alongside content
Animated three-dot presence indicator with a staggered CSS wave, tuned to signal activity without pulling focus
A mic button that opens into a recording panel: a live waveform painted from amplitude levels you supply, a stopwatch, the transcript as it arrives, and a cross and a check to throw it away or keep it
A search the agent ran: the query in a search-bar header, an indeterminate scanning bar while it runs, and results that land one row at a time