Getting Started

Changelog

April 14, 2026 - V4 Release

V4 is a major update that modernizes the foundation of the design system:

  • Tailwind CSS v3 → v4
  • Radix UI → Base UI
  • React 18 → React 19
  • Design refresh: More compact sizing, updated spacing and rounded corners
  • New components: Autocomplete, Button Group, Combobox, Data Table, Date Picker, and more
  • Breaking changes across many components

For the full details including migration steps, see Migrating to V4.

Dec 4, 2024 - CLI Support

shadcn CLI Support

Added support for shadcn CLI, enabling project setup and component installation via command line.

Initial project setup command:

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

Install all components:

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

Install specific component:

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

Moved use-toast.ts:

  • Before: components/ui/use-toast.ts
  • After: hooks/use-toast.ts

Droped Tooltip variants and .light class:

global.css
  @layer base {
-   :root,
-   .light {
+   :root {
      --background: 255, 255, 255; /* exaBase White */
      --foreground: 8, 10, 12; /* exaBase Slate 99 */

Discontinued ZIP component distribution.

Fixes

Fixed icon sizing issues when browser font size is customized in:

  • Checkbox
  • Input OTP
  • Popover
  • Radio Group

Fixed versions for react-day-picker and cmdk dependencies:

  • Calendar
  • Command

Sep 10, 2024 - Fixes

Bug fixes and style adjustments.

  • Alert Dialog
    • Made the entire dialog scrollable for very long content
    • Adjusted the dialog's border radius and padding
  • Button
    • Added the style for the open state when used as a trigger for DropdownMenu, etc.
  • Checkbox
    • Adjusted the border radius
  • Command
    • Adjusted the border radius and padding
  • Context Menu
    • Adjusted the border radius, padding, and submenu position
  • Dialog
    • Made the entire dialog scrollable for very long content
    • Adjusted the dialog's border radius and padding
    • Improved the close button's visual consistency
  • Dropdown Menu
    • Adjusted the border radius, padding, and submenu position
  • Hover Card
    • Adjusted the border radius
  • Menubar
    • Adjusted the border radius, padding, and submenu position
    • Fixed the radio item's check icon
  • Pagination
    • The size prop can now be set to lg and xs in addition to default and sm.
    • Added text prop to PaginationPrevious and PaginationNext components to customize the button text.
  • Popover
    • Adjusted the border radius
  • Select
    • Improved SelectTrigger's truncated text
    • Changed SelectTrigger's :focus style to :focus-visible
    • Fixed the layout when non-text elements are added to SelectTrigger
    • Fixed the issue where the menu would overflow the viewport when there were many items
  • Toast
    • Improved the close button's visual consistency

May 28, 2024 - Breadcrumb and Input OTP

New components in this release:

On this page