Accessible React and Tailwind CSS v4 components, blocks, templates, charts and themes for shadcn/ui, with keyboard, screen reader, reduced motion and dark mode support on every item, and an MCP server for AI coding agents.
Follow a fast-changing value at most once per interval, applying the first change at once and the latest one when the interval ends.
A declarative setTimeout with reset and clear controls, for toasts, auto-dismiss and delayed actions that follow props.
A boolean you can flip, set on, set off or reset, with stable handlers, or cycle through a list of values.
Jump to the item whose label starts with the letters just typed, with a reset timer, for listboxes, menus and trees built from scratch.
State with a history: set, undo, redo, jump back to a point and reset, with a cap on how many steps are kept.
An effect that skips the first run and fires only when its dependencies change afterwards, to react to changes and not to the initial value.
Keep the last N values a variable has held, newest last, for sparklines, recent searches, change logs and trend arrows.
Render only the rows in view of a very long list, with a scroll element ref, dynamic row measuring and scroll to index, built on TanStack Virtual.
The browser window's inner width and height, updated on resize and orientation change, safe for server rendering.
(No description)
Typed check-in and check-out dates where the minimum number of nights depends on the check-in date, such as a weekend, a holiday week or the high season. Use this when a rental host sets a longer minimum stay for some dates than for others.
The "reward early, punish late" strategy: a field stays quiet while typing, validates when you leave it, and once it has shown an error it re-validates on every keystroke so the message clears the moment it is fixed. Use this when live validation feels nagging but a stale error feels broken.
Vertical button group, built from the button group component.
Vertical slider with range selection, built from the slider component.
Use this when a page plays one video at a time from a list: a stage with the current video and a peeking row of cards whose pressed state shows what is playing.
Warning alert, built from the alert component.
A smartwatch drawn in CSS with an aluminum case, digital crown, curved glass and a sport, loop or leather strap. The screen is always dark and children render scaled to fit.
Example of Watch Frame.
A faint tiled text mark over its content for confidential documents and drafts, drawn as an SVG overlay that cannot block clicks and restores itself if removed.
Example of Watermark.
A sensitive screen whose mark combines the user's email, session id and a minute-resolution time stamp that refreshes, so a screenshot can be traced to a moment.
Desktop widgets for weather, a calendar day and device batteries, in small, medium and large sizes that scale with their width.
Example of Widgets.
A desktop area with draggable, resizable windows that raise on focus, zoom on double-click and minimize into a tray.
Example of Window Manager.
A day range that also shows the same dates a year earlier, moving 29 February to 28 February in non-leap years and flagging the day count mismatch. Use this when figures are read against the same dates last year and leap years must not skew the comparison.