# Ketyap UI

> Accessible React components with fluid interactions, built on Base UI. Use this index to discover the available documentation pages, markdown mirrors, and registry resources before browsing.

## Docs

- Get Started
  - [Introduction](https://ui.ketyap.me/docs.md): React components built on Base UI, with shared foundations for motion, appearance, and interaction.
  - [Installation](https://ui.ketyap.me/docs/installation.md)
- Components
  - [Components](https://ui.ketyap.me/docs/components.md): Browse the components available in this registry.
  - [Accordion](https://ui.ketyap.me/docs/components/accordion.md): Accessible single or multiple disclosures with fluid hover.
  - [Badge](https://ui.ketyap.me/docs/components/badge.md): Compact status labels with solid and dot appearances.
  - [Button](https://ui.ketyap.me/docs/components/button.md): Actions with five visual variants, loading feedback, and icons.
  - [Checkbox](https://ui.ketyap.me/docs/components/checkbox.md): A standalone checkbox with a drawn check and mixed state.
  - [CheckboxGroup](https://ui.ketyap.me/docs/components/checkbox-group.md): Multiple choices with connected selected rows and fluid hover.
  - [ColorPicker](https://ui.ketyap.me/docs/components/color-picker.md): Visual color selection with HEX editing and validation.
  - [Dialog](https://ui.ketyap.me/docs/components/dialog.md): Modal surfaces with three widths and nested overlays.
  - [DropdownMenu](https://ui.ketyap.me/docs/components/dropdown-menu.md): Actions, checkable items and submenus with fluid hover.
  - [Input](https://ui.ketyap.me/docs/components/input.md): A standalone text input that integrates with Base UI Field.
  - [InputCopy](https://ui.ketyap.me/docs/components/input-copy.md): Copy a value with animated success and failure feedback.
  - [InputGroup](https://ui.ketyap.me/docs/components/input-group.md): Compose labeled fields with icons, prefixes, suffixes and addons.
  - [Label](https://ui.ketyap.me/docs/components/label.md): An accessible label associated with a control.
  - [RadioGroup](https://ui.ketyap.me/docs/components/radio-group.md): A single choice with keyboard navigation and fluid hover.
  - [Select](https://ui.ketyap.me/docs/components/select.md): Bordered and borderless selection with groups and scrolling.
  - [Slider](https://ui.ketyap.me/docs/components/slider.md): Quiet sliders with elastic edge feedback, range and marks.
  - [Switch](https://ui.ketyap.me/docs/components/switch.md): An accessible switch with an animated thumb.
  - [Table](https://ui.ketyap.me/docs/components/table.md): Presentational table parts with selected rows and fluid hover.
  - [Tabs](https://ui.ketyap.me/docs/components/tabs.md): Segmented and subtle tabs with a moving selection indicator.
  - [Tooltip](https://ui.ketyap.me/docs/components/tooltip.md): Contextual hints with keyboard focus and four placements.
- Foundations
  - [Motion](https://ui.ketyap.me/docs/foundations/motion.md): A shared spring language for feedback, transitions, and layout.
  - [Sizes](https://ui.ketyap.me/docs/foundations/sizes.md): Set the density of a region, rather than sizing every component individually.
  - [Surfaces](https://ui.ketyap.me/docs/foundations/surfaces.md): Keep nested cards, dialogs, and menus distinct from their substrate.
  - [Shape](https://ui.ketyap.me/docs/foundations/shape.md): Switch a whole set of controls between rounded and pill silhouettes.
  - [Scrollbars](https://ui.ketyap.me/docs/foundations/scrollbars.md): Native scrolling with subtle, draggable pointer scrollbars and edge fades.
  - [Fluid Hover](https://ui.ketyap.me/docs/foundations/fluid-hover.md): One highlight glides to the nearest item across lists, tabs, and grids.
  - [Icons](https://ui.ketyap.me/docs/foundations/icons.md): Replace semantic icon slots without changing the components that use them.
- Hooks
  - [useFluidHover](https://ui.ketyap.me/docs/hooks/use-fluid-hover.md): Headless proximity tracking for custom lists and grids.
  - [useControllableState](https://ui.ketyap.me/docs/hooks/use-controllable-state.md): One state API for controlled and uncontrolled components.
  - [useMeasure](https://ui.ketyap.me/docs/hooks/use-measure.md): Observe an element's border-box dimensions as its content changes.
  - [useReducedMotion](https://ui.ketyap.me/docs/hooks/use-reduced-motion.md): Read the operating system's reduced-motion preference safely.
  - [useKeyboardShortcut](https://ui.ketyap.me/docs/hooks/use-keyboard-shortcut.md): Register an application shortcut without replacing primitive navigation.
  - [useClipboard](https://ui.ketyap.me/docs/hooks/use-clipboard.md): Copy text with success feedback, errors, and a reset timer.
  - [useAutoResizeTextarea](https://ui.ketyap.me/docs/hooks/use-auto-resize-textarea.md): Grow a composer to its content and scroll after its maximum height.
  - [useScrollEdges](https://ui.ketyap.me/docs/hooks/use-scroll-edges.md): Detect overflow and whether a scroll viewport has reached either edge.

## Machine-readable Resources

- [Full documentation](https://ui.ketyap.me/llms-full.txt)
- [Homepage markdown](https://ui.ketyap.me/llms.md/content.md)
- [OpenAPI description](https://ui.ketyap.me/openapi.json)
- [API catalog](https://ui.ketyap.me/.well-known/api-catalog)
- [Agent skill](https://ui.ketyap.me/.well-known/agent-skills/site-skill.md)
- [shadcn MCP server documentation](https://ui.shadcn.com/docs/mcp)