Thoughtful React components, blocks, hooks, and utilities for product engineers, built with Base UI and Tailwind CSS v4.
A vertically stacked set of interactive headings that reveal or hide associated content sections.
A filterable text input that suggests matching options while accepting free-form text.
An image element with a fallback for representing the user.
An SVG filter wrapper that adds a soft, saturated backlight glow around wrapped content.
A compact label with semantic and translucent variants.
A responsive breadcrumb trail with surface variants, sizes, custom separators, and collapsed paths.
A Base UI button with oklch-tinted hover and active states, custom colors, variants, sections, and sizes.
A container that groups related buttons together with consistent styling.
An Ark UI calendar with native Date values, single, multiple and range selection, and day, month and year views.
A compound card with default and inset frame variants.
A Base UI checkbox component with sizes, radius variants, and a snappy indicator animation.
An interactive component which expands and collapses content with smooth animations.
A filterable input for selecting one or more predefined values.
A feature-rich data table built with TanStack Table, supporting sorting, filtering, row selection, column visibility, and pagination.
A segmented Ark UI date input with native Date values, range and time editing, and no calendar popup.
An accessible Ark UI date picker with typed inputs, a calendar popup, presets and separate time inputs.
A modal window with composed content, scroll modes, and detached triggers.
A swipe gesture drawer with positions, snap points, nested panels, and composed menu rows.
A keyboard-navigable menu with checkbox, radio, and submenu items.
An accessible form field with automatic labels, descriptions, validation state, and error messages.
A semantic field group with a styled legend.
A TanStack Form submission wrapper for composing type-safe forms with registry controls.
Tailwind CSS v4 utilities that expand pointer hit areas without changing layout.
A consistent keyed scale, blur, and fade transition for changing icons.
A styled Base UI text input with size variants.
Composable input and textarea controls with addons and buttons.
An accessible one-time-code input with animated slots, invalid states, and masked entry.
Displays textual keyboard input and shortcut combinations.
An accessible label for form controls.
A composable, accessible media lightbox with shared-element transitions, gestures, zoom, captions, and thumbnails.
A seamless content marquee that measures overflow and respects reduced motion.
An SVG fractal noise layer using feTurbulence for subtle texture overlays.
A numeric input with increment, decrement, and scrub controls.
Pagination navigation with page links, previous and next triggers, and ellipsis disclosure.
An accessible popup anchored to a button.
A Base UI radio group component with orientation, sizes, and a snappy indicator animation.
A scrollable region with optional custom scrollbars and conditional background fades.
A compact radio-group input for choosing one value from a small set of options.
An accessible, customizable select component.
A visual or semantic divider with horizontal and vertical orientations.
A sliding panel from a screen edge for navigation, forms, or supplementary content.
A sweeping light gradient shimmer animation for text elements.
A simple sidebar with navigation grouped by section.
A shimmer placeholder with configurable corners and animation.
A Base UI slider with compact track and rectangular control layouts, cursor previews, and editable values.
An SVG loading indicator with four sizes and a rotating arc.
A draggable Base UI switch with spring-based thumb animation.
A responsive table with sticky header, scroll area container, row dividers, striped and bordered variants.