---
name: "@taki"
slug: "taki"
description: "A shadcn/ui-compatible component library that swaps Radix UI primitives for Adobe React Aria Components while retaining shadcn/ui's design tokens and Tailwind styling. Provides the full familiar shadcn component set (Button, Input, Select, Dialog, Combobox, Calendar, DatePicker, Slider, Switch, Checkbox, RadioGroup, Tabs, Accordion, and more) re-implemented on React Aria's accessibility layer. Drop-in replacement aesthetic, deeper built-in ARIA pattern compliance. Free and open source. Use for: teams that need WAI-ARIA-correct components backed by React Aria's accessibility primitives while keeping the shadcn/ui visual language and Tailwind customization workflow."
category: "Component library (general)"
tags: ["accessibility", "aesthetic", "ai", "auth", "backgrounds", "blocks", "buttons", "cards", "charts", "components", "dashboard", "design-system", "forms", "hooks", "icons", "loaders", "media", "navigation", "overlays", "tables", "theming"]
framework: "react"
license: "MIT"
author: "jsartisan"
website: "https://taki-ui.com"
github: "https://github.com/jsartisan/taki-ui"
registry: "https://taki-ui.com/r/registry.json"
pro: false
pro_url: null
github_stars: 26
component_count: 250
generated_at: "2026-07-28T08:59:05.895Z"
---

# @taki

A shadcn/ui-compatible component library that swaps Radix UI primitives for Adobe React Aria Components while retaining shadcn/ui's design tokens and Tailwind styling. Provides the full familiar shadcn component set (Button, Input, Select, Dialog, Combobox, Calendar, DatePicker, Slider, Switch, Checkbox, RadioGroup, Tabs, Accordion, and more) re-implemented on React Aria's accessibility layer. Drop-in replacement aesthetic, deeper built-in ARIA pattern compliance. Free and open source. Use for: teams that need WAI-ARIA-correct components backed by React Aria's accessibility primitives while keeping the shadcn/ui visual language and Tailwind customization workflow.

## Links

- Website: https://taki-ui.com
- GitHub: https://github.com/jsartisan/taki-ui
- Registry JSON: https://taki-ui.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/taki
- This file: https://sh4dcn.vercel.app/md/taki.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://taki-ui.com/r/registry.json
pnpm dlx shadcn@latest add https://taki-ui.com/r/registry.json
bunx shadcn@latest add https://taki-ui.com/r/registry.json
# clone the source repo
git clone https://github.com/jsartisan/taki-ui.git
# fetch the raw registry index
curl -s https://taki-ui.com/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| index | registry:style | — | `npx shadcn@latest add https://taki-ui.com/r/index.json` |
| style | registry:style | — | `npx shadcn@latest add https://taki-ui.com/r/style.json` |
| alert | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/alert.json` |
| avatar | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/avatar.json` |
| badge | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/badge.json` |
| breadcrumb | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/breadcrumb.json` |
| button | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/button.json` |
| button-group | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/button-group.json` |
| calendar | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/calendar.json` |
| card | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/card.json` |
| carousel | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/carousel.json` |
| chart | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/chart.json` |
| checkbox | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/checkbox.json` |
| combobox | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/combobox.json` |
| command | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/command.json` |
| date-field | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/date-field.json` |
| date-picker | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/date-picker.json` |
| date-range-picker | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/date-range-picker.json` |
| description | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/description.json` |
| dialog | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/dialog.json` |
| modal | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/modal.json` |
| disclosure | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/disclosure.json` |
| drawer | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/drawer.json` |
| empty | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/empty.json` |
| field | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/field.json` |
| file-trigger | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/file-trigger.json` |
| grid-list | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/grid-list.json` |
| hover-card | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/hover-card.json` |
| input | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/input.json` |
| input-group | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/input-group.json` |
| input-otp | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/input-otp.json` |
| item | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/item.json` |
| label | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/label.json` |
| link-button | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/link-button.json` |
| list-box | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/list-box.json` |
| menu | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/menu.json` |
| number-field | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/number-field.json` |
| pagination | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/pagination.json` |
| popover | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/popover.json` |
| progress-bar | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/progress-bar.json` |
| radio-group | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/radio-group.json` |
| range-calendar | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/range-calendar.json` |
| resizable | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/resizable.json` |
| search-field | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/search-field.json` |
| select | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/select.json` |
| separator | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/separator.json` |
| sheet | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/sheet.json` |
| sidebar | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/sidebar.json` |
| skeleton | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/skeleton.json` |
| slider | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/slider.json` |
| sonner | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/sonner.json` |
| spinner | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/spinner.json` |
| switch | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/switch.json` |
| table | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/table.json` |
| tag-group | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/tag-group.json` |
| tabs | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/tabs.json` |
| textarea | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/textarea.json` |
| text-field | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/text-field.json` |
| time-field | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/time-field.json` |
| toggle-button | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/toggle-button.json` |
| toggle-button-group | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/toggle-button-group.json` |
| tooltip | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/tooltip.json` |
| tree | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/tree.json` |
| kbd | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/kbd.json` |
| actions | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/actions.json` |
| artifact | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/artifact.json` |
| branch | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/branch.json` |
| canvas | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/canvas.json` |
| chain-of-thought | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/chain-of-thought.json` |
| code-block | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/code-block.json` |
| connection | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/connection.json` |
| context | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/context.json` |
| controls | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/controls.json` |
| conversation | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/conversation.json` |
| edge | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/edge.json` |
| image | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/image.json` |
| inline-citation | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/inline-citation.json` |
| loader | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/loader.json` |
| message | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/message.json` |
| node | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/node.json` |
| open-in-chat | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/open-in-chat.json` |
| panel | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/panel.json` |
| plan | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/plan.json` |
| prompt-input | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/prompt-input.json` |
| queue | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/queue.json` |
| reasoning | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/reasoning.json` |
| response | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/response.json` |
| shimmer | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/shimmer.json` |
| sources | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/sources.json` |
| suggestion | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/suggestion.json` |
| task | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/task.json` |
| toolbar | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/toolbar.json` |
| tool | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/tool.json` |
| web-preview | registry:ui | — | `npx shadcn@latest add https://taki-ui.com/r/web-preview.json` |
| chart-area-axes | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-area-axes.json` |
| chart-area-default | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-area-default.json` |
| chart-area-gradient | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-area-gradient.json` |
| chart-area-icons | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-area-icons.json` |
| chart-area-interactive | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-area-interactive.json` |
| chart-area-legend | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-area-legend.json` |
| chart-area-linear | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-area-linear.json` |
| chart-area-stacked-expand | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-area-stacked-expand.json` |
| chart-area-stacked | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-area-stacked.json` |
| chart-area-step | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-area-step.json` |
| chart-bar-active | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-bar-active.json` |
| chart-bar-default | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-bar-default.json` |
| chart-bar-horizontal | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-bar-horizontal.json` |
| chart-bar-interactive | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-bar-interactive.json` |
| chart-bar-label-custom | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-bar-label-custom.json` |
| chart-bar-label | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-bar-label.json` |
| chart-bar-mixed | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-bar-mixed.json` |
| chart-bar-multiple | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-bar-multiple.json` |
| chart-bar-negative | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-bar-negative.json` |
| chart-bar-stacked | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-bar-stacked.json` |
| chart-line-default | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-line-default.json` |
| chart-line-dots-colors | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-line-dots-colors.json` |
| chart-line-dots-custom | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-line-dots-custom.json` |
| chart-line-dots | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-line-dots.json` |
| chart-line-interactive | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-line-interactive.json` |
| chart-line-label-custom | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-line-label-custom.json` |
| chart-line-label | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-line-label.json` |
| chart-line-linear | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-line-linear.json` |
| chart-line-multiple | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-line-multiple.json` |
| chart-line-step | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-line-step.json` |
| chart-pie-donut-active | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-pie-donut-active.json` |
| chart-pie-donut-text | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-pie-donut-text.json` |
| chart-pie-donut | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-pie-donut.json` |
| chart-pie-interactive | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-pie-interactive.json` |
| chart-pie-label-custom | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-pie-label-custom.json` |
| chart-pie-label-list | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-pie-label-list.json` |
| chart-pie-label | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-pie-label.json` |
| chart-pie-legend | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-pie-legend.json` |
| chart-pie-separator-none | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-pie-separator-none.json` |
| chart-pie-simple | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-pie-simple.json` |
| chart-pie-stacked | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-pie-stacked.json` |
| chart-radar-default | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radar-default.json` |
| chart-radar-dots | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radar-dots.json` |
| chart-radar-grid-circle-fill | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-circle-fill.json` |
| chart-radar-grid-circle-no-lines | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-circle-no-lines.json` |
| chart-radar-grid-circle | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-circle.json` |
| chart-radar-grid-custom | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-custom.json` |
| chart-radar-grid-fill | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-fill.json` |
| chart-radar-grid-none | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-none.json` |
| chart-radar-icons | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radar-icons.json` |
| chart-radar-label-custom | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radar-label-custom.json` |
| chart-radar-legend | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radar-legend.json` |
| chart-radar-lines-only | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radar-lines-only.json` |
| chart-radar-multiple | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radar-multiple.json` |
| chart-radar-radius | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radar-radius.json` |
| chart-radial-grid | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radial-grid.json` |
| chart-radial-label | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radial-label.json` |
| chart-radial-shape | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radial-shape.json` |
| chart-radial-simple | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radial-simple.json` |
| chart-radial-stacked | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radial-stacked.json` |
| chart-radial-text | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-radial-text.json` |
| chart-tooltip-default | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-default.json` |
| chart-tooltip-indicator-line | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-indicator-line.json` |
| chart-tooltip-indicator-none | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-indicator-none.json` |
| chart-tooltip-label-none | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-label-none.json` |
| chart-tooltip-label-custom | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-label-custom.json` |
| chart-tooltip-label-formatter | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-label-formatter.json` |
| chart-tooltip-formatter | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-formatter.json` |
| chart-tooltip-icons | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-icons.json` |
| chart-tooltip-advanced | registry:block | — | `npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-advanced.json` |
| utils | registry:lib | — | `npx shadcn@latest add https://taki-ui.com/r/utils.json` |
| use-controllable-state | registry:hook | — | `npx shadcn@latest add https://taki-ui.com/r/use-controllable-state.json` |
| use-mobile | registry:hook | — | `npx shadcn@latest add https://taki-ui.com/r/use-mobile.json` |
| theme-stone | registry:theme | — | `npx shadcn@latest add https://taki-ui.com/r/theme-stone.json` |
| theme-zinc | registry:theme | — | `npx shadcn@latest add https://taki-ui.com/r/theme-zinc.json` |
| theme-neutral | registry:theme | — | `npx shadcn@latest add https://taki-ui.com/r/theme-neutral.json` |
| theme-gray | registry:theme | — | `npx shadcn@latest add https://taki-ui.com/r/theme-gray.json` |
| theme-slate | registry:theme | — | `npx shadcn@latest add https://taki-ui.com/r/theme-slate.json` |
| alert-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/alert-demo.json` |
| alert-destructive | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/alert-destructive.json` |
| actions-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/actions-demo.json` |
| artifact-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/artifact-demo.json` |
| branch-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/branch-demo.json` |
| chain-of-thought-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/chain-of-thought-demo.json` |
| avatar-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/avatar-demo.json` |
| badge-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/badge-demo.json` |
| badge-destructive | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/badge-destructive.json` |
| badge-link | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/badge-link.json` |
| badge-outline | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/badge-outline.json` |
| badge-secondary | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/badge-secondary.json` |
| breadcrumb-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/breadcrumb-demo.json` |
| breadcrumb-separator | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/breadcrumb-separator.json` |
| breadcrumb-dropdown | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/breadcrumb-dropdown.json` |
| breadcrumb-ellipsis | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/breadcrumb-ellipsis.json` |
| breadcrumb-link | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/breadcrumb-link.json` |
| breadcrumb-responsive | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/breadcrumb-responsive.json` |
| button-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-demo.json` |
| button-default | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-default.json` |
| button-secondary | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-secondary.json` |
| button-destructive | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-destructive.json` |
| button-outline | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-outline.json` |
| button-ghost | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-ghost.json` |
| button-link | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-link.json` |
| button-with-icon | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-with-icon.json` |
| button-loading | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-loading.json` |
| button-icon | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-icon.json` |
| button-as-child | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-as-child.json` |
| button-rounded | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-rounded.json` |
| button-size | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-size.json` |
| button-group-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-group-demo.json` |
| button-group-dropdown | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-group-dropdown.json` |
| button-group-input | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-group-input.json` |
| button-group-input-group | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-group-input-group.json` |
| button-group-label | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-group-label.json` |
| button-group-nested | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-group-nested.json` |
| button-group-orientation | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-group-orientation.json` |
| button-group-popover | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-group-popover.json` |
| button-group-select | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-group-select.json` |
| button-group-separator | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-group-separator.json` |
| button-group-size | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-group-size.json` |
| button-group-split | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/button-group-split.json` |
| calendar-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/calendar-demo.json` |
| calendar-form | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/calendar-form.json` |
| card-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/card-demo.json` |
| card-with-form | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/card-with-form.json` |
| carousel-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/carousel-demo.json` |
| carousel-size | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/carousel-size.json` |
| carousel-spacing | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/carousel-spacing.json` |
| carousel-orientation | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/carousel-orientation.json` |
| carousel-api | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/carousel-api.json` |
| carousel-plugin | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/carousel-plugin.json` |
| checkbox-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/checkbox-demo.json` |
| checkbox-disabled | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/checkbox-disabled.json` |
| checkbox-form-multiple | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/checkbox-form-multiple.json` |
| checkbox-form-single | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/checkbox-form-single.json` |
| checkbox-group-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/checkbox-group-demo.json` |
| checkbox-with-text | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/checkbox-with-text.json` |
| code-block-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/code-block-demo.json` |
| code-block-custom-theme | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/code-block-custom-theme.json` |
| code-block-diff | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/code-block-diff.json` |
| code-block-focus | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/code-block-focus.json` |
| code-block-highlight | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/code-block-highlight.json` |
| code-block-highlight-word | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/code-block-highlight-word.json` |
| code-block-multiple-files | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/code-block-multiple-files.json` |
| code-block-no-header | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/code-block-no-header.json` |
| code-block-no-line-numbers | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/code-block-no-line-numbers.json` |
| code-block-no-syntax | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/code-block-no-syntax.json` |
| context-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/context-demo.json` |
| combobox-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/combobox-demo.json` |
| combobox-sections | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/combobox-sections.json` |
| combobox-controlled | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/combobox-controlled.json` |
| combobox-disabled | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/combobox-disabled.json` |
| combobox-description | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/combobox-description.json` |
| combobox-validation | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/combobox-validation.json` |
| conversation-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/conversation-demo.json` |
| image-demo | registry:example | — | `npx shadcn@latest add https://taki-ui.com/r/image-demo.json` |

## For AI agents

```text
You are adding components from @taki to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/taki.md) for the component list.
2. Fetch the machine-readable index: https://taki-ui.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: taki).
```