@iandefined

An SVG filter wrapper that adds a soft, saturated backlight glow around wrapped content.

An Ark UI calendar with native Date values, single, multiple and range selection, and day, month and year views.

An accessible Ark UI date picker with typed inputs, a calendar popup, presets and separate time inputs.

A segmented Ark UI date input with native Date values, range and time editing, and no calendar popup.

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.

A responsive breadcrumb trail with surface variants, sizes, custom separators, and collapsed paths.

A compound card with default and inset frame variants.

A Base UI checkbox component with sizes, radius variants, and a snappy indicator animation.

A draggable Base UI switch with spring-based thumb animation.

An image element with a fallback for representing the user.

A Base UI slider with compact track and rectangular control layouts, cursor previews, and editable values.

A Base UI radio group component with orientation, sizes, and a snappy indicator animation.

A compact label with semantic and translucent variants.

A swipe gesture drawer with positions, snap points, nested panels, and composed menu rows.

A sliding panel from a screen edge for navigation, forms, or supplementary content.

Displays textual keyboard input and shortcut combinations.

An accessible label for form controls.

Tailwind CSS v4 utilities that expand pointer hit areas without changing layout.

A consistent keyed scale, blur, and fade transition for changing icons.

The standard animated-text primitive, powered by Calligraph with smooth container resizing.

A seamless content marquee that measures overflow and respects reduced motion.

A shimmer placeholder with configurable corners and animation.

A keyboard-navigable menu with checkbox, radio, and submenu items.

A modal window with composed content, scroll modes, and detached triggers.

A composable, accessible media lightbox with shared-element transitions, gestures, zoom, captions, and thumbnails.

An SVG loading indicator with four sizes and a rotating arc.

A visual or semantic divider with horizontal and vertical orientations.

A scrollable region with optional custom scrollbars and conditional background fades.

An accessible form field with automatic labels, descriptions, validation state, and error messages.

A TanStack Form submission wrapper for composing type-safe forms with registry controls.

A semantic field group with a styled legend.

A styled Base UI text input with size variants.

An accessible one-time-code input with animated slots, invalid states, and masked entry.

A numeric input with increment, decrement, and scrub controls.

A styled Base UI multiline text control with size variants.

Composable input and textarea controls with addons and buttons.

Contextual information shown on hover or focus.

Brief, self-dismissing feedback with stacked and anchored placement.

An accessible popup anchored to a button.

An accessible, customizable select component.

A simple sidebar with navigation grouped by section.

A filterable input for selecting one or more predefined values.

A filterable text input that suggests matching options while accepting free-form text.

Fuzzy matching hook for filtering and sorting items by relevance.

A component for toggling between related panels on the same page.

A compact radio-group input for choosing one value from a small set of options.

A compound panel that swaps between named views with direction-aware transitions and automatic height animation.

A responsive table with sticky header, scroll area container, row dividers, striped and bordered variants.

Pagination navigation with page links, previous and next triggers, and ellipsis disclosure.

A feature-rich data table built with TanStack Table, supporting sorting, filtering, row selection, column visibility, and pagination.

A vertically stacked set of interactive headings that reveal or hide associated content sections.

An interactive component which expands and collapses content with smooth animations.

A sweeping light gradient shimmer animation for text elements.

Render Unicode emoji as Twemoji SVG images inline with text.

An SVG fractal noise layer using feTurbulence for subtle texture overlays.