@tile-ui

A lightweight React component library built around a shared SCSS design system and distributed as editable source through the shadcn CLI.

71 components pro available react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗ pro ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://react.tileui.zmorg.cn/r/registry.json

pnpm pnpm dlx shadcn@latest add https://react.tileui.zmorg.cn/r/registry.json

bun bunx shadcn@latest add https://react.tileui.zmorg.cn/r/registry.json

fetch registry curl -s https://react.tileui.zmorg.cn/r/registry.json

Components

71 total

Liveline Core lib

Framework-independent canvas engine, drawing, and math modules for Liveline.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/liveline-core.json

Core lib

Registry runtime helpers for React Tile UI items.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/core.json

Utils lib

Shared utility helpers for Tile UI registries.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/utils.json

Portal lib

Shared portal container provider and hook for React Tile UI overlays.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/portal.json

Styles style

Tile UI runtime extensions and shared Sass dependencies.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/styles.json

Default Theme theme

Optional Tile UI default palette and runtime token theme.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/theme-default.json

useCopyToClipboard hook

React hook for clipboard copy interactions.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/use-copy-to-clipboard.json

useMediaQuery hook

React hook for viewport and media query state.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/use-media-query.json

useLocalStorage hook

React hook for local and session storage state.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/use-local-storage.json

Button ui

Multi-variant React button component for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/button.json

Input ui

Accessible React input component for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/input.json

Textarea ui

Accessible React textarea component for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/textarea.json

Label ui

React label primitive for Tile UI forms.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/label.json

Card ui

Composable React card primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/card.json

Badge ui

Multi-variant React badge component for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/badge.json

Skeleton ui

Loading placeholder React component for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/skeleton.json

Kbd ui

Keyboard key display primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/kbd.json

Separator ui

Horizontal or vertical divider component for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/separator.json

Table ui

Composable React table primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/table.json

Progress ui

Progress bar component for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/progress.json

Avatar ui

User avatar primitives with image fallback for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/avatar.json

Switch ui

Accessible toggle switch component for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/switch.json

Checkbox ui

Accessible checkbox with indeterminate state for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/checkbox.json

Collapsible ui

Accessible collapsible content component for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/collapsible.json

Breadcrumb ui

Navigation breadcrumb primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/breadcrumb.json

Pagination ui

Navigation pagination primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/pagination.json

Alert ui

Alert banner primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/alert.json

Aspect Ratio ui

Fixed-ratio content container for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/aspect-ratio.json

Spinner ui

Loading spinner component for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/spinner.json

Empty ui

Empty state primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/empty.json

Marker ui

Status marker component for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/marker.json

Item ui

Composable list item primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/item.json

Button Group ui

Grouped button container for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/button-group.json

Input Group ui

Composable input group primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/input-group.json

Native Select ui

Native select with custom chevron for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/native-select.json

Field ui

Field label/description/message wrapper for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/field.json

Toggle ui

Toggle button with pressed state for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/toggle.json

Toggle Group ui

Grouped toggle buttons for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/toggle-group.json

Tabs ui

Tabs navigation primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/tabs.json

Accordion ui

Collapsible accordion for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/accordion.json

Radio Group ui

Radio group selection for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/radio-group.json

Slider ui

Slider control for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/slider.json

Scroll Area ui

Custom scroll area for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/scroll-area.json

Tooltip ui

Tooltip overlay for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/tooltip.json

Popover ui

Popover overlay for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/popover.json

Hover Card ui

Hover card overlay for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/hover-card.json

Dialog ui

Modal dialog for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/dialog.json

Alert Dialog ui

Alert dialog for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/alert-dialog.json

Sheet ui

Side sheet overlay for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/sheet.json

Dropdown Menu ui

Dropdown menu with checkbox and radio items for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/dropdown-menu.json

Context Menu ui

Right-click context menu for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/context-menu.json

Menubar ui

Horizontal menu bar for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/menubar.json

Navigation Menu ui

Navigation menu with viewport for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/navigation-menu.json

Select ui

Custom select dropdown for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/select.json

Combobox ui

Searchable combobox for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/combobox.json

Command ui

Command palette primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/command.json

Chart ui

Chart primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/chart.json

Calendar ui

Calendar component for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/calendar.json

Drawer ui

Drawer overlay for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/drawer.json

Form ui

Form primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/form.json

Sidebar ui

Sidebar layout for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/sidebar.json

Carousel ui

Carousel component for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/carousel.json

Resizable ui

Resizable panel group for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/resizable.json

Attachment ui

Attachment primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/attachment.json

Bubble ui

Bubble chat primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/bubble.json

Direction ui

Direction provider for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/direction.json

Message ui

Message primitives for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/message.json

Message Scroller ui

Message scroller for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/message-scroller.json

Sonner ui

Toast notifications for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/sonner.json

Input OTP ui

One-time password input for Tile UI.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/input-otp.json

Liveline ui

Real-time React canvas chart with line, multi-series, candlestick, and market-data modes.

npx shadcn@latest add https://react.tileui.zmorg.cn/r/liveline.json