# mwui > MediaWeb's installable UI component library. This site publishes shadcn-compatible registry items and authored documentation for mwui. Use https://mwui.vercel.app/llms-full.txt for one expanded context file containing the linked Markdown pages. ## Docs - [Introduction](https://mwui.vercel.app/docs.md): Publish installable registry items with public docs from the same workspace. - [Installation](https://mwui.vercel.app/docs/installation.md): Install and run the registry template locally. - [Registry](https://mwui.vercel.app/docs/registry.md): Scaffold and author installable registry items under registry/items. - [Agents](https://mwui.vercel.app/docs/agents.md): Give AI coding tools the right context for using and authoring this registry. - [CLI](https://mwui.vercel.app/docs/cli.md): Install items from this registry with the shadcn CLI. - [Theming](https://mwui.vercel.app/docs/theming.md): Customize the docs shell and published components with your own design tokens. ## Components - [Components index](https://mwui.vercel.app/components.md): Installable UI primitives and components. - [Autosize Textarea](https://mwui.vercel.app/components/autosize-textarea.md): A textarea that grows with its content between row bounds. - [Avatar Group](https://mwui.vercel.app/components/avatar-group.md): A stacked avatar row with overflow counting and tooltips. - [Color Picker](https://mwui.vercel.app/components/color-picker.md): An accessible, composable color picker with a saturation area, hue and alpha sliders, eyedropper, swatches, and hex/rgb/hsl/oklch output. - [Command Palette](https://mwui.vercel.app/components/command-palette.md): A searchable command palette with groups, nested pages, and recent actions. - [Confirm Dialog](https://mwui.vercel.app/components/confirm-dialog.md): A promise-based confirmation dialog driven by an imperative confirm() call. - [Copy Button](https://mwui.vercel.app/components/copy-button.md): A copy-to-clipboard button with success feedback. - [Date Range Picker](https://mwui.vercel.app/components/date-range-picker.md): A date range picker with a self-contained calendar, quick presets, and keyboard-first navigation. - [File Dropzone](https://mwui.vercel.app/components/file-dropzone.md): A drag-and-drop file input with previews, validation, and per-file progress. - [Multi Select](https://mwui.vercel.app/components/multi-select.md): A multi-select combobox with chips, async search, and grouped options. - [OTP Input](https://mwui.vercel.app/components/otp-input.md): A one-time-code input with per-character slots and paste support. - [Phone Input](https://mwui.vercel.app/components/phone-input.md): An international phone input with country select and formatting. - [Tags Input](https://mwui.vercel.app/components/tags-input.md): A free-form chip input with paste splitting, validation, and duplicate handling. - [Time Picker](https://mwui.vercel.app/components/time-picker.md): A keyboard-first time input with 12/24-hour formats and step granularity. - [Timeline](https://mwui.vercel.app/components/timeline.md): A vertical timeline for activity feeds and status history. ## Blocks - [Blocks index](https://mwui.vercel.app/blocks.md): Composed templates and larger UI sections. - [Schedule Meeting](https://mwui.vercel.app/blocks/schedule-meeting.md): A booking panel composing a date range, a time window, a phone number, and a confirm step. - [Team Access Panel](https://mwui.vercel.app/blocks/team-access-panel.md): A member list with per-row role assignment, a shareable invite link, and guarded access revocation. ## Utilities - [Utilities index](https://mwui.vercel.app/utilities.md): Hooks, libraries, pages, files, themes, fonts, bases, styles, and other items. - [Color Contrast](https://mwui.vercel.app/utilities/color-contrast.md): WCAG contrast ratios and readable text color selection, with no dependencies. - [Format](https://mwui.vercel.app/utilities/format.md): Locale-aware formatters for dates, ranges, currency, numbers, and durations. - [useControllableState](https://mwui.vercel.app/utilities/use-controllable-state.md): A hook that makes any component work controlled or uncontrolled from one state API. - [useCopyToClipboard](https://mwui.vercel.app/utilities/use-copy-to-clipboard.md): A small hook that copies text and tracks the latest copy result. - [useDebouncedValue](https://mwui.vercel.app/utilities/use-debounced-value.md): A hook that defers a rapidly changing value until it settles. - [useEventListener](https://mwui.vercel.app/utilities/use-event-listener.md): A hook that attaches a typed event listener with automatic cleanup. - [useFileUpload](https://mwui.vercel.app/utilities/use-file-upload.md): A hook that manages file selection, validation, previews, and upload progress. - [useHotkeys](https://mwui.vercel.app/utilities/use-hotkeys.md): A hook that binds keyboard shortcuts with modifier and sequence support. - [useIntersectionObserver](https://mwui.vercel.app/utilities/use-intersection-observer.md): A hook that tracks whether an element is in the viewport. - [useLocalStorage](https://mwui.vercel.app/utilities/use-local-storage.md): A hook that persists state to localStorage and syncs it across tabs. - [useMediaQuery](https://mwui.vercel.app/utilities/use-media-query.md): A hook that tracks a CSS media query without tearing during hydration. - [useMounted](https://mwui.vercel.app/utilities/use-mounted.md): A hook that reports whether the component has mounted on the client. - [usePrevious](https://mwui.vercel.app/utilities/use-previous.md): A hook that remembers the value from before the most recent change. - [useResizeObserver](https://mwui.vercel.app/utilities/use-resize-observer.md): A hook that measures an element and updates on resize. - [useScrollLock](https://mwui.vercel.app/utilities/use-scroll-lock.md): A hook that locks body scroll without layout shift. ## Optional - [Registry JSON](https://mwui.vercel.app/registry.json): Machine-readable shadcn registry index.