Dashboard primitives: a server-driven data table with Linear-style filters, promise-based modals and sheets, a date picker, and phone, currency, address and country inputs.
Postal address fields that start from a country, with state lists for the US, Canada and Australia and your own lists for any other country.
Searchable single-select combobox that loads options from an async fetcher, with debounced search, preloading and custom option rendering.
Hex color input that reads and writes a 6-digit hex, with a swatch that opens a saturation and hue picker.
Searchable country picker with ISO 3166-1 codes, localized names from Intl.DisplayNames, preferred countries listed first, and optional flags.
Money input that reads and writes minor units, with the currency symbol and decimal places taken from Intl and an optional searchable currency picker.
Server-driven TanStack data table with row links, sorting, offset or cursor pagination, tabs, column visibility, context menus, split view, expandable rows and cross-page selection.
Linear-style filter bar (text, option, multi-option, number, date and async options) that reads and writes the data table query.
useState replacement that syncs the data table query to the URL with history.replaceState.
Compact date formatted in a time zone you supply. Accepts unix seconds, milliseconds, ISO strings or Date, and can underline the date to open that zone beside UTC.
DD / MM / YYYY date of birth fields that auto-advance and only emit real dates.
Single-date and range picker with range presets, date shortcuts, billing cycles, min and max dates, an Apply step, and Date or unix timestamp values.
Invoice line items table with optional quantity, unit price and tax columns, a totals footer, and an optional per-line allocation column for credit notes and part payments.
Promise-based modal registry: await openModal(key, props) for a typed result, with lazy-loaded contents and stacking.
Vertical event list with an icon, title, description, date and an optional action on the title.
International phone number input with a flag country picker that returns E.164 numbers.
Searchable single-select combobox built on Popover and Command.
Promise-based sheet registry: await openSheet(key, props) for a typed result, with lazy-loaded contents, stacking, minimizing and draft retention.
Labeled switch with an optional description aligned to the control or the label text.