# Anywhere UI

> Accessible, translation-ready React components engineered for slow networks, cheap phones, and screen readers. Every component is verified in CI on ten axes: performance, accessibility, internationalisation, privacy, security, resilience, offline support, SSR safety, sensory safety, and supply chain.

110 copy-paste React components and 11 shared primitives.
Zero runtime dependencies. MIT licensed. Source: https://github.com/7se7en72025/anywhere-ui

Components are installed with the shadcn CLI, which copies the source into the
consuming project. There is no npm package to depend on.

Every component is verified in CI on ten axes: performance (a gzipped size
budget per tier), accessibility (axe over the documented fixture),
internationalisation (direction, calendar, numbering system resolved from the
locale tag), privacy (no fetch, XHR, sendBeacon, or fingerprinting APIs),
security (no dangerouslySetInnerHTML, eval, or innerHTML assignment),
resilience, offline behaviour, SSR safety (rendered through react-dom/server),
sensory safety (animation guarded by prefers-reduced-motion), and supply chain
(react is the only permitted import).

Conventions that apply to every component:
- Every user-facing string is a prop with an English default.
- Layout uses CSS logical properties, so RTL is a data change, not a rewrite.
- Wrap the app in LocaleProvider (from https://kata-ui-rho.vercel.app/r/use-locale.json) to make
  direction, calendar, and number formatting follow the user's locale.

## Feedback & status

- AsyncBoundary (async-boundary): Loading, error, empty, and offline states — announced, focus-managed, and shift-free.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/async-boundary.json
  docs: https://kata-ui-rho.vercel.app/components/async-boundary
- ConnectionStatus (connection-status): A live banner for offline, restored, and constrained connections.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/connection-status.json
  docs: https://kata-ui-rho.vercel.app/components/connection-status
- ErrorBoundary (error-boundary): Contains a render crash to its own subtree instead of the whole page, with a focusable, announced fallback.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/error-boundary.json
  docs: https://kata-ui-rho.vercel.app/components/error-boundary
- Badge (badge): A small status label where color never carries meaning alone.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/badge.json
  docs: https://kata-ui-rho.vercel.app/components/badge
- StatusDot (status-dot): A coloured status indicator with an always-present text label.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/status-dot.json
  docs: https://kata-ui-rho.vercel.app/components/status-dot
- Alert (alert): A static in-flow message, polite or assertive by tone.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/alert.json
  docs: https://kata-ui-rho.vercel.app/components/alert
- ProgressBar (progress-bar): A determinate or indeterminate progress bar with a real accessible value.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/progress-bar.json
  docs: https://kata-ui-rho.vercel.app/components/progress-bar
- Spinner (spinner): A loading indicator announced once via role=status.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/spinner.json
  docs: https://kata-ui-rho.vercel.app/components/spinner
- Skeleton (skeleton): A placeholder shape that reserves space for content that has not arrived yet.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/skeleton.json
  docs: https://kata-ui-rho.vercel.app/components/skeleton
- EmptyState (empty-state): A placeholder for a list, table, or panel with nothing in it yet.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/empty-state.json
  docs: https://kata-ui-rho.vercel.app/components/empty-state
- ToastProvider / useToast (toast): A toast queue with correctly-timed live regions.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/toast.json
  docs: https://kata-ui-rho.vercel.app/components/toast
- Countdown (countdown): A live countdown with locale-correct digits.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/countdown.json
  docs: https://kata-ui-rho.vercel.app/components/countdown
- LiveRegion (live-region): A declarative live region for components that track their own message as state.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/live-region.json
  docs: https://kata-ui-rho.vercel.app/components/live-region
- SaveStatus (save-status): The autosave indicator, announced — and distinguishing 'failed' from 'offline'.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/save-status.json
  docs: https://kata-ui-rho.vercel.app/components/save-status
- RetryButton (retry-button): A retry control with visible exponential backoff that stays disabled while offline.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/retry-button.json
  docs: https://kata-ui-rho.vercel.app/components/retry-button
- StaleDataNotice (stale-data-notice): Tells the reader how old the data is, and says it differently when offline explains why.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/stale-data-notice.json
  docs: https://kata-ui-rho.vercel.app/components/stale-data-notice

## Media & layout

- AdaptiveImage (adaptive-image): An image that defers its own download on Save-Data and 2G-class connections.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/adaptive-image.json
  docs: https://kata-ui-rho.vercel.app/components/adaptive-image
- Divider (divider): A horizontal or vertical rule, with an optional inline label.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/divider.json
  docs: https://kata-ui-rho.vercel.app/components/divider
- Container (container): A centred, max-width content column.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/container.json
  docs: https://kata-ui-rho.vercel.app/components/container
- CopyButton (copy-button): Copies to the clipboard and announces success.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/copy-button.json
  docs: https://kata-ui-rho.vercel.app/components/copy-button
- ShareButton (share-button): Web Share API with a plain-link fallback.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/share-button.json
  docs: https://kata-ui-rho.vercel.app/components/share-button
- LazyMount (lazy-mount): Defers mounting expensive children until visible, sooner on good connections.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/lazy-mount.json
  docs: https://kata-ui-rho.vercel.app/components/lazy-mount
- PrintButton (print-button): A button that prints the page.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/print-button.json
  docs: https://kata-ui-rho.vercel.app/components/print-button

## Forms & input

- Field (field): A text field with label, description, and error wired to assistive technology.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/field.json
  docs: https://kata-ui-rho.vercel.app/components/field
- ResilientForm (resilient-form): A form that keeps drafts, queues offline submits, and gives errors a focusable summary.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/resilient-form.json
  docs: https://kata-ui-rho.vercel.app/components/resilient-form
- Switch (switch): A binary toggle built on role=switch, not a disguised checkbox.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/switch.json
  docs: https://kata-ui-rho.vercel.app/components/switch
- Checkbox (checkbox): A checkbox with a real, clickable, bound label.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/checkbox.json
  docs: https://kata-ui-rho.vercel.app/components/checkbox
- RadioGroup (radio-group): A fieldset/legend group of real radio inputs.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/radio-group.json
  docs: https://kata-ui-rho.vercel.app/components/radio-group
- Slider (slider): A native range input with an RTL-correct thumb direction.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/slider.json
  docs: https://kata-ui-rho.vercel.app/components/slider
- Rating (rating): A star rating, read-only or editable, announced as one value.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/rating.json
  docs: https://kata-ui-rho.vercel.app/components/rating
- SearchField (search-field): A search input with a clear button that returns focus correctly.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/search-field.json
  docs: https://kata-ui-rho.vercel.app/components/search-field
- TagInput (tag-input): A free-text tag list that announces additions and removals.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/tag-input.json
  docs: https://kata-ui-rho.vercel.app/components/tag-input
- PasswordField (password-field): A password field with an accessible visibility toggle and strength meter.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/password-field.json
  docs: https://kata-ui-rho.vercel.app/components/password-field
- OtpInput (otp-input): One-time-code entry wired for platform SMS autofill.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/otp-input.json
  docs: https://kata-ui-rho.vercel.app/components/otp-input
- NumberField (number-field): A numeric field with increment/decrement buttons for motor-impaired users.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/number-field.json
  docs: https://kata-ui-rho.vercel.app/components/number-field
- HoneypotField (honeypot-field): A bot trap invisible to real users without trapping keyboard or screen reader users.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/honeypot-field.json
  docs: https://kata-ui-rho.vercel.app/components/honeypot-field
- Select (select): A native select — fully accessible, in every language, at zero extra bytes.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/select.json
  docs: https://kata-ui-rho.vercel.app/components/select
- FileUpload (file-upload): A drag-and-drop zone that is a real keyboard-activatable button first.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/file-upload.json
  docs: https://kata-ui-rho.vercel.app/components/file-upload
- Calendar (calendar): A month grid in the reader's own calendar system and week start.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/calendar.json
  docs: https://kata-ui-rho.vercel.app/components/calendar
- TimeField (time-field): A native time input matching the platform's own 12/24-hour convention.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/time-field.json
  docs: https://kata-ui-rho.vercel.app/components/time-field
- Combobox (combobox): A searchable single-select following the ARIA combobox pattern.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/combobox.json
  docs: https://kata-ui-rho.vercel.app/components/combobox
- MultiSelect (multi-select): A real multi-select control rendered as removable chips plus toggle buttons.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/multi-select.json
  docs: https://kata-ui-rho.vercel.app/components/multi-select
- NameFields (name-fields): Given and family name inputs, ordered the way the reader's locale orders them.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/name-fields.json
  docs: https://kata-ui-rho.vercel.app/components/name-fields
- AddressFields (address-fields): An address form whose field order and required fields follow the country being addressed.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/address-fields.json
  docs: https://kata-ui-rho.vercel.app/components/address-fields
- SegmentedControl (segmented-control): A real radiogroup with roving tabindex and direction-aware arrow keys.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/segmented-control.json
  docs: https://kata-ui-rho.vercel.app/components/segmented-control
- CharacterCounter (character-counter): A character counter that counts graphemes, so one emoji costs one, not eleven.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/character-counter.json
  docs: https://kata-ui-rho.vercel.app/components/character-counter
- CurrencyField (currency-field): A money input that parses the locale's own separators, so "1.234,56" means what a German user meant.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/currency-field.json
  docs: https://kata-ui-rho.vercel.app/components/currency-field
- UnitField (unit-field): A measurement input shown in the reader's units and always stored in metric.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/unit-field.json
  docs: https://kata-ui-rho.vercel.app/components/unit-field
- TimezoneSelect (timezone-select): A timezone picker labelled in the reader's language and ordered by current offset.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/timezone-select.json
  docs: https://kata-ui-rho.vercel.app/components/timezone-select
- ErrorSummary (error-summary): The focusable list of what went wrong, at the top of a form — usable with any form library.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/error-summary.json
  docs: https://kata-ui-rho.vercel.app/components/error-summary

## Accessibility & preferences

- VisuallyHidden (visually-hidden): Content for assistive technology only, removed from the visual layout without leaving the accessibility tree.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/visually-hidden.json
  docs: https://kata-ui-rho.vercel.app/components/visually-hidden
- Kbd (kbd): A single keyboard key, styled and marked up as one.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/kbd.json
  docs: https://kata-ui-rho.vercel.app/components/kbd
- ThemeToggle (theme-toggle): A light/dark/system toggle that persists its choice.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/theme-toggle.json
  docs: https://kata-ui-rho.vercel.app/components/theme-toggle
- ConsentBanner (consent-banner): A cookie banner where decline is exactly as easy to press as accept.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/consent-banner.json
  docs: https://kata-ui-rho.vercel.app/components/consent-banner
- ReducedMotionToggle (reduced-motion-toggle): An in-page opt-in to reduced motion, for people who never touch OS settings.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/reduced-motion-toggle.json
  docs: https://kata-ui-rho.vercel.app/components/reduced-motion-toggle
- DataSaverToggle (data-saver-toggle): A manual override for the library's constrained-connection behaviour.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/data-saver-toggle.json
  docs: https://kata-ui-rho.vercel.app/components/data-saver-toggle
- AccessibilityMenu (accessibility-menu): One panel for larger text and higher contrast.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/accessibility-menu.json
  docs: https://kata-ui-rho.vercel.app/components/accessibility-menu
- TextSizeControl (text-size-control): In-page text scaling for low-vision readers, persisted and announced.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/text-size-control.json
  docs: https://kata-ui-rho.vercel.app/components/text-size-control
- Heading (heading-level): Headings that know their own level, so a reusable component never breaks the page outline.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/heading-level.json
  docs: https://kata-ui-rho.vercel.app/components/heading-level

## Data display

- Avatar (avatar): A person's picture, or script-aware initials when there is none.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/avatar.json
  docs: https://kata-ui-rho.vercel.app/components/avatar
- AvatarGroup (avatar-group): An overlapping avatar stack with an accessible overflow indicator.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/avatar-group.json
  docs: https://kata-ui-rho.vercel.app/components/avatar-group
- Chip (chip): A dismissible tag with a real accessible name for its remove action.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/chip.json
  docs: https://kata-ui-rho.vercel.app/components/chip
- Card (card): A bordered content container with header, title, and description parts.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/card.json
  docs: https://kata-ui-rho.vercel.app/components/card
- Accordion (accordion): Collapsible sections built on the WAI-ARIA Accordion pattern.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/accordion.json
  docs: https://kata-ui-rho.vercel.app/components/accordion
- Timeline (timeline): A vertical event sequence marked up as a real ordered list.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/timeline.json
  docs: https://kata-ui-rho.vercel.app/components/timeline
- StatCard (stat-card): A single KPI figure with an optional trend line.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/stat-card.json
  docs: https://kata-ui-rho.vercel.app/components/stat-card
- CodeBlock (code-block): A code sample, always left-to-right regardless of page direction, with copy.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/code-block.json
  docs: https://kata-ui-rho.vercel.app/components/code-block
- QuoteBlock (quote-block): A real blockquote/cite pair, not a styled div.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/quote-block.json
  docs: https://kata-ui-rho.vercel.app/components/quote-block
- VirtualList (virtual-list): Renders only visible rows plus overscan, for smooth scrolling on low-end devices.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/virtual-list.json
  docs: https://kata-ui-rho.vercel.app/components/virtual-list
- Table (table): A real, sortable table screen readers can navigate by row and column.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/table.json
  docs: https://kata-ui-rho.vercel.app/components/table
- InfiniteScroll (infinite-scroll): Loads more content near the viewport, and refuses to on constrained connections.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/infinite-scroll.json
  docs: https://kata-ui-rho.vercel.app/components/infinite-scroll
- MasonryGrid (masonry-grid): A zero-JS masonry layout via CSS columns.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/masonry-grid.json
  docs: https://kata-ui-rho.vercel.app/components/masonry-grid
- Disclosure (disclosure): A single collapsible section.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/disclosure.json
  docs: https://kata-ui-rho.vercel.app/components/disclosure
- TreeView (tree-view): A disclosure tree following the ARIA tree pattern, with one tab stop and RTL-aware arrows.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/tree-view.json
  docs: https://kata-ui-rho.vercel.app/components/tree-view
- SortableTable (sortable-table): A table that sorts text with Intl.Collator, so accents and non-Latin scripts file correctly.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/sortable-table.json
  docs: https://kata-ui-rho.vercel.app/components/sortable-table

## Internationalisation

- RelativeTime (relative-time): Live, localised relative time ("3 days ago") with the exact timestamp always available.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/relative-time.json
  docs: https://kata-ui-rho.vercel.app/components/relative-time
- PluralText (plural-text): Grammatically correct plural forms via Intl.PluralRules, not an English if/else.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/plural-text.json
  docs: https://kata-ui-rho.vercel.app/components/plural-text
- ListText (list-text): "A, B, and C" formatted correctly for the current locale via Intl.ListFormat.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/list-text.json
  docs: https://kata-ui-rho.vercel.app/components/list-text
- CurrencyText (currency-text): Locale- and currency-correct money formatting via Intl.NumberFormat.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/currency-text.json
  docs: https://kata-ui-rho.vercel.app/components/currency-text
- LocaleSwitcher (locale-switcher): A native, per-option lang-tagged language switcher.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/locale-switcher.json
  docs: https://kata-ui-rho.vercel.app/components/locale-switcher
- DirectionalIcon (directional-icon): Mirrors a directional icon (arrows, chevrons) under RTL.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/directional-icon.json
  docs: https://kata-ui-rho.vercel.app/components/directional-icon
- UnitText (unit-text): Locale-correct unit formatting (distance, data, temperature) via Intl.NumberFormat.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/unit-text.json
  docs: https://kata-ui-rho.vercel.app/components/unit-text
- CompactNumber (compact-number): A large number shortened the way the reader's locale shortens it — 1.2K, 1.2万, 12 lakh.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/compact-number.json
  docs: https://kata-ui-rho.vercel.app/components/compact-number
- BytesText (bytes-text): A file size with a translated, locale-positioned unit, in decimal or binary.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/bytes-text.json
  docs: https://kata-ui-rho.vercel.app/components/bytes-text
- OrdinalText (ordinal-text): An ordinal via Intl.PluralRules — correct at 11th, and silent where suffixes do not apply.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/ordinal-text.json
  docs: https://kata-ui-rho.vercel.app/components/ordinal-text
- ReadTime (read-time): Estimated reading time, in the locale's own digits and word order.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/read-time.json
  docs: https://kata-ui-rho.vercel.app/components/read-time
- BidiText (bidi-text): Isolates user-controlled text so a mixed-direction sentence does not reorder around it.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/bidi-text.json
  docs: https://kata-ui-rho.vercel.app/components/bidi-text
- TruncateText (truncate-text): Truncation that counts user-perceived characters, so emoji and Devanagari clusters are never split.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/truncate-text.json
  docs: https://kata-ui-rho.vercel.app/components/truncate-text
- DateRangeText (date-range-text): A date range formatted as one range, collapsing shared parts in the locale's own calendar.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/date-range-text.json
  docs: https://kata-ui-rho.vercel.app/components/date-range-text

## Overlays

- Tooltip (tooltip): A hover/focus label bound with aria-describedby, keyboard accessible.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/tooltip.json
  docs: https://kata-ui-rho.vercel.app/components/tooltip
- Portal (portal): Renders children into document.body, deferred to a client-only mount.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/portal.json
  docs: https://kata-ui-rho.vercel.app/components/portal
- Dialog (dialog): A modal with a focus trap, Escape to close, and focus returned on exit.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/dialog.json
  docs: https://kata-ui-rho.vercel.app/components/dialog
- Drawer (drawer): A modal panel anchored to a screen edge, using logical start/end sides.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/drawer.json
  docs: https://kata-ui-rho.vercel.app/components/drawer
- Popover (popover): A disclosure panel that closes on outside click and Escape.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/popover.json
  docs: https://kata-ui-rho.vercel.app/components/popover
- Menu (menu): A dropdown menu following the WAI-ARIA Menu Button pattern.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/menu.json
  docs: https://kata-ui-rho.vercel.app/components/menu
- ContextMenu (context-menu): A right-click menu also reachable via the keyboard Menu key.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/context-menu.json
  docs: https://kata-ui-rho.vercel.app/components/context-menu

## Navigation

- Tabs (tabs): Keyboard-navigable tabs whose arrow-key direction flips correctly under RTL.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/tabs.json
  docs: https://kata-ui-rho.vercel.app/components/tabs
- Breadcrumb (breadcrumb): A landmark trail with the current page marked aria-current.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/breadcrumb.json
  docs: https://kata-ui-rho.vercel.app/components/breadcrumb
- Pagination (pagination): Page controls with locale-correct numerals.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/pagination.json
  docs: https://kata-ui-rho.vercel.app/components/pagination
- Stepper (stepper): A wizard's progress, with each step's status in its accessible name.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/stepper.json
  docs: https://kata-ui-rho.vercel.app/components/stepper
- BackToTop (back-to-top): Appears after scrolling a screenful; honours reduced motion.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/back-to-top.json
  docs: https://kata-ui-rho.vercel.app/components/back-to-top
- ScrollProgress (scroll-progress): A reading-progress bar with a real accessible value.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/scroll-progress.json
  docs: https://kata-ui-rho.vercel.app/components/scroll-progress
- TableOfContents (table-of-contents): A jump-list that tracks the visible heading via IntersectionObserver.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/table-of-contents.json
  docs: https://kata-ui-rho.vercel.app/components/table-of-contents
- KeyboardShortcutsHelp (keyboard-shortcuts-help): A shortcut reference dialog inheriting the focus trap every overlay gets.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/keyboard-shortcuts-help.json
  docs: https://kata-ui-rho.vercel.app/components/keyboard-shortcuts-help
- CommandPalette (command-palette): A keyboard-first fuzzy launcher following the ARIA combobox pattern.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/command-palette.json
  docs: https://kata-ui-rho.vercel.app/components/command-palette
- Navbar (navbar): A labelled nav landmark with the current page marked aria-current.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/navbar.json
  docs: https://kata-ui-rho.vercel.app/components/navbar
- Footer (footer): A simple site footer with locale-aware link list.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/footer.json
  docs: https://kata-ui-rho.vercel.app/components/footer
- Sidebar (sidebar): A landmark navigation column with a logical-side active indicator.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/sidebar.json
  docs: https://kata-ui-rho.vercel.app/components/sidebar
- SkipLink (skip-link): The page's first focusable element, visible only once focused.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/skip-link.json
  docs: https://kata-ui-rho.vercel.app/components/skip-link
- LandmarkNav (landmark-nav): Skip links for every landmark, giving sighted keyboard users the rotor screen readers already have.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/landmark-nav.json
  docs: https://kata-ui-rho.vercel.app/components/landmark-nav

## Primitives

- cn (cn): Zero-dependency class name joiner.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/cn.json
- useNetwork (use-network): Observe online state, Save-Data, and connection quality without hydration mismatches.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/use-network.json
- Locale facts (locale): Writing direction, calendar, numbering system, and first day of week for any BCP 47 tag.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/locale.json
- LocaleProvider / useLocale (use-locale): Share resolved locale facts through a subtree.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/use-locale.json
- announce (announce): Shared ARIA live regions that screen readers actually read.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/announce.json
- Intl formatters (format): Memoised Intl formatters plus relative-time formatting.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/format.json
- Draft storage (draft-storage): Persist in-progress form input, excluding credentials and payment fields.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/draft-storage.json
- sanitizeHref (sanitize): Neutralise javascript: and other executable URL schemes before they reach an href or src.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/sanitize.json
- useFocusTrap (use-focus-trap): Traps Tab/Shift+Tab inside a container and restores focus on exit — what makes a modal actually modal for keyboard users.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/use-focus-trap.json
- useStoredValue (use-stored-value): A localStorage-backed string via useSyncExternalStore, with no wasted render correcting a server-rendered default.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/use-stored-value.json
- useHydrated (use-hydrated): True once the client has taken over from server-rendered markup — the useSyncExternalStore replacement for the useEffect 'mounted' idiom.
  install: npx shadcn@latest add https://kata-ui-rho.vercel.app/r/use-hydrated.json

## Machine-readable index

https://kata-ui-rho.vercel.app/r/index.json lists every item as JSON.