---
name: "@exabase"
slug: "exabase"
description: "ExaBase Design is the official UI component collection from ExaWizards (a Japanese AI company), built as a shadcn-compatible registry. It covers a comprehensive set of ~50+ components organized into styles (colors, elevation, rounded) and components: accordion, alert, alert-dialog, aspect-ratio, autocomplete, avatar, badge, breadcrumb, button, button-group, calendar, card, carousel, checkbox, collapsible, combobox, command, context-menu, data-table, date-picker, dialog, drawer, dropdown-menu, empty, field, hover-card, input, input-group, input-otp, item, kbd, label, menubar, navigation-menu, pagination, popover, progress, radio-group, resizable, scroll-area, select, separator, sheet, sidebar, skeleton, slider, spinner, switch, table, tabs, textarea, toast, toggle, toggle-group, and tooltip. Built on Radix UI and Tailwind CSS v4. Use for: adopting a professionally maintained, enterprise-grade shadcn design system with a complete component set and documented theming tokens."
category: "Design system"
tags: ["ai", "auth", "buttons", "cards", "charts", "components", "dashboard", "design-system", "forms", "hooks", "icons", "loaders", "media", "mobile", "navigation", "overlays", "tables", "theming"]
framework: "react"
license: null
author: null
website: "https://exawizards.com/exabase/design/"
github: "N/A"
registry: "https://exawizards.com/exabase/design/registry/registry.json"
pro: false
pro_url: null
github_stars: null
component_count: 61
generated_at: "2026-07-28T08:00:50.948Z"
---

# @exabase

ExaBase Design is the official UI component collection from ExaWizards (a Japanese AI company), built as a shadcn-compatible registry. It covers a comprehensive set of ~50+ components organized into styles (colors, elevation, rounded) and components: accordion, alert, alert-dialog, aspect-ratio, autocomplete, avatar, badge, breadcrumb, button, button-group, calendar, card, carousel, checkbox, collapsible, combobox, command, context-menu, data-table, date-picker, dialog, drawer, dropdown-menu, empty, field, hover-card, input, input-group, input-otp, item, kbd, label, menubar, navigation-menu, pagination, popover, progress, radio-group, resizable, scroll-area, select, separator, sheet, sidebar, skeleton, slider, spinner, switch, table, tabs, textarea, toast, toggle, toggle-group, and tooltip. Built on Radix UI and Tailwind CSS v4. Use for: adopting a professionally maintained, enterprise-grade shadcn design system with a complete component set and documented theming tokens.

## Links

- Website: https://exawizards.com/exabase/design/
- GitHub: N/A
- Registry JSON: https://exawizards.com/exabase/design/registry/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/exabase
- This file: https://sh4dcn.vercel.app/md/exabase.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://exawizards.com/exabase/design/registry/registry.json
pnpm dlx shadcn@latest add https://exawizards.com/exabase/design/registry/registry.json
bunx shadcn@latest add https://exawizards.com/exabase/design/registry/registry.json
# clone the source repo
git clone N/A.git
# fetch the raw registry index
curl -s https://exawizards.com/exabase/design/registry/registry.json
```

## Components (61)

| name | type | description | install |
| --- | --- | --- | --- |
| base | registry:base | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/base.json` |
| accordion | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/accordion.json` |
| alert | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/alert.json` |
| alert-dialog | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/alert-dialog.json` |
| aspect-ratio | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/aspect-ratio.json` |
| autocomplete | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/autocomplete.json` |
| avatar | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/avatar.json` |
| badge | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/badge.json` |
| breadcrumb | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/breadcrumb.json` |
| button | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/button.json` |
| button-group | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/button-group.json` |
| calendar | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/calendar.json` |
| card | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/card.json` |
| carousel | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/carousel.json` |
| chart | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/chart.json` |
| checkbox | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/checkbox.json` |
| collapsible | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/collapsible.json` |
| combobox | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/combobox.json` |
| command | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/command.json` |
| context-menu | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/context-menu.json` |
| dialog | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/dialog.json` |
| drawer | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/drawer.json` |
| dropdown-menu | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/dropdown-menu.json` |
| empty | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/empty.json` |
| field | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/field.json` |
| hover-card | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/hover-card.json` |
| icon | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/icon.json` |
| input | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/input.json` |
| input-group | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/input-group.json` |
| input-otp | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/input-otp.json` |
| item | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/item.json` |
| kbd | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/kbd.json` |
| label | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/label.json` |
| menubar | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/menubar.json` |
| navigation-menu | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/navigation-menu.json` |
| pagination | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/pagination.json` |
| popover | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/popover.json` |
| progress | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/progress.json` |
| radio-group | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/radio-group.json` |
| resizable | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/resizable.json` |
| scroll-area | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/scroll-area.json` |
| select | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/select.json` |
| separator | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/separator.json` |
| sheet | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/sheet.json` |
| sidebar | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/sidebar.json` |
| skeleton | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/skeleton.json` |
| slider | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/slider.json` |
| spinner | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/spinner.json` |
| switch | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/switch.json` |
| table | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/table.json` |
| tabs | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/tabs.json` |
| textarea | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/textarea.json` |
| toast | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/toast.json` |
| toggle | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/toggle.json` |
| toggle-group | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/toggle-group.json` |
| tooltip | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/tooltip.json` |
| use-mobile | registry:hook | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/use-mobile.json` |
| utils | registry:lib | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/utils.json` |
| font-inter | registry:font | Inter | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/font-inter.json` |
| font-noto-sans-jp | registry:font | Noto Sans JP | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/font-noto-sans-jp.json` |
| fonts | registry:ui | — | `npx shadcn@latest add https://exawizards.com/exabase/design/registry/fonts.json` |

## For AI agents

```text
You are adding components from @exabase to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/exabase.md) for the component list.
2. Fetch the machine-readable index: https://exawizards.com/exabase/design/registry/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: exabase).
```