React component library, 73 design systems

React Data Table

TanStack Table v8 under the hood. Sortable columns, filtering, pagination, column visibility: every variant. Pick the design system that matches your product.

React Calendar Component

react-day-picker engine, every variant. Single date, range, multi-month: production-ready. Pick the visual that matches your product.

React Date Picker

react-day-picker + Radix Popover. Single date, range, multi-month. Drops into any shadcn project. Pick the variant that matches your product.

React Command Palette

cmdk + Radix Dialog under the hood. Fuzzy search, keyboard nav, group headings. Pick the variant that matches your product: Linear's sharp dark, Vercel's pure black, Apple's premium soft.

React Sidebar Component

Collapsible, keyboard-friendly app-shell sidebar. Composable: SidebarProvider, SidebarHeader, SidebarContent, SidebarMenu. Pick the variant that matches your product.

React Sheet Component

Modal drawer that slides from any edge. Built on Radix Dialog: focus trap, escape-to-close, scroll lock all handled. Pick the visual that matches your product.

Airbnb Calendar: React Component

Part of Better Design's . The host-calendar pattern Airbnb made famous: rounded day cells, coral selection, multi-month range layout. Built on react-day-picker, ships as a shadcn-compatible registry item.

React Data Table: Linear-style

Part of Better Design's . Dense, dark, keyboard-first data table for dev-tool apps: built on TanStack Table v8, ships as a shadcn-compatible registry item. Pairs with Linear-style Sidebar + Command Palette for a complete admin shell.

React Data Table: Supabase-style

Part of Better Design's . The dark, green-accented data table for DB / dev-platform admins: built on TanStack Table v8, ships as a shadcn-compatible registry item.

React Command Palette: Apple-style

Part of Better Design's . The premium, soft, SF-Pro command palette for consumer apps: built on cmdk + Radix Dialog, ships as a shadcn-compatible registry item.

React Command Palette: Linear-style

Part of Better Design's . The dark, sharp, keyboard-first command palette pattern Linear popularized: built on cmdk + Radix Dialog, ships as a shadcn-compatible registry item.

React Date Picker: Airbnb-style

Part of Better Design's . The warm, rounded, range-selection date picker Airbnb's host calendar made famous: built on react-day-picker, ships as a shadcn-compatible registry item.

React Sheet: Apple-style

Part of Better Design's . The soft, premium, slide-from-edge sheet pattern Apple uses across iOS and macOS modals: built on Radix Dialog, ships as a shadcn-compatible registry item.

React Data Table: Airbnb-style

Part of Better Design's . The warm, light, marketplace-feel data table for React: TanStack Table v8 under the hood, ships as a shadcn-compatible registry item.

React Data Table: Stripe-style

Part of Better Design's . The fintech-feel data table: Sohne typography, indigo accent, characteristic navy-purple shadow. TanStack Table v8 under the hood.

React Calendar: Notion-style

Part of Better Design's . The clean, minimal, content-first calendar pattern Notion uses: built on react-day-picker, ships as a shadcn-compatible registry item.

React Sidebar: Linear-style

Part of Better Design's . The collapsible, dense, keyboard-first sidebar nav pattern Linear popularized for product apps: built on the shadcn sidebar primitive, ships as a shadcn-compatible registry item.