@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.

60 components react shadcn-cli

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://exawizards.com/exabase/design/registry/registry.json

pnpm pnpm dlx shadcn@latest add https://exawizards.com/exabase/design/registry/registry.json

bun bunx shadcn@latest add https://exawizards.com/exabase/design/registry/registry.json

fetch registry curl -s https://exawizards.com/exabase/design/registry/registry.json

Components

60 total

base base

npx shadcn@latest add https://exawizards.com/exabase/design/registry/base.json

accordion ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/accordion.json

alert ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/alert.json

alert-dialog ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/alert-dialog.json

aspect-ratio ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/aspect-ratio.json

autocomplete ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/autocomplete.json

avatar ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/avatar.json

badge ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/badge.json

breadcrumb ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/breadcrumb.json

button ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/button.json

button-group ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/button-group.json

calendar ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/calendar.json

card ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/card.json

carousel ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/carousel.json

chart ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/chart.json

checkbox ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/checkbox.json

collapsible ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/collapsible.json

combobox ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/combobox.json

command ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/command.json

context-menu ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/context-menu.json

dialog ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/dialog.json

drawer ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/drawer.json

dropdown-menu ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/dropdown-menu.json

empty ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/empty.json

field ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/field.json

hover-card ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/hover-card.json

icon ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/icon.json

input ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/input.json

input-group ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/input-group.json

input-otp ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/input-otp.json

item ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/item.json

kbd ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/kbd.json

label ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/label.json

menubar ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/menubar.json

navigation-menu ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/navigation-menu.json

pagination ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/pagination.json

popover ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/popover.json

progress ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/progress.json

radio-group ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/radio-group.json

resizable ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/resizable.json

scroll-area ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/scroll-area.json

select ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/select.json

separator ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/separator.json

sheet ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/sheet.json

sidebar ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/sidebar.json

skeleton ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/skeleton.json

slider ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/slider.json

spinner ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/spinner.json

switch ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/switch.json

table ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/table.json

tabs ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/tabs.json

textarea ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/textarea.json

toast ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/toast.json

toggle ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/toggle.json

toggle-group ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/toggle-group.json

tooltip ui

npx shadcn@latest add https://exawizards.com/exabase/design/registry/tooltip.json

use-mobile hook

npx shadcn@latest add https://exawizards.com/exabase/design/registry/use-mobile.json

utils lib

npx shadcn@latest add https://exawizards.com/exabase/design/registry/utils.json

Inter font

npx shadcn@latest add https://exawizards.com/exabase/design/registry/font-inter.json

Noto Sans JP font

npx shadcn@latest add https://exawizards.com/exabase/design/registry/font-noto-sans-jp.json