mwui
GitHub
MediawebThe registry behind our product work

The interface layer for the products we build.

mwui is an installable, shadcn-compatible registry of components, blocks, and hooks. Not a dependency you wait on. Source code the CLI drops into your project, for your team to own from the first commit.

Browse componentsRead the docsGitHub
otp-input
avatar-group
Alice NguyenBruno CostaChen WeiDara OkaforElif Demir1 more
color-picker
#

Sets the accent on this page.

tags-input
  • registry
  • blocks
31Installable items
14Components
2Blocks
15Utilities

A component library is a maintenance decision.

Most teams do not abandon a design system because the components were wrong. They abandon it because changing one meant filing a request and waiting. mwui removes that step by handing over the code.

Open code, not a black box

Every item lands in your repository as readable source. Change it, extend it, or delete the parts you never needed.

The CLI your team already runs

A standard shadcn registry. One command per item, resolved dependencies included, no bespoke tooling to learn.

Accessibility handled first

Components build on Base UI primitives, so focus order, keyboard behaviour, and ARIA are settled before styling starts.

Themed with tokens

OKLCH variables define light and dark side by side. Rebranding is a change to the token layer, never a sweep through components.

Documented where it is used

Each item ships a live preview, its source, and its installation steps on this site, generated from the registry itself.

Legible to coding agents

Markdown mirrors of every page, plus llms.txt and llms-full.txt, so the assistant in your editor reads the same docs you do.

What is in the registry today.

Primitives to start from, blocks to assemble a screen quickly, and the utilities that carry state between them.

Components

14

Installable UI primitives and components.

Autosize TextareaA textarea that grows with its content between row bounds.Avatar GroupA stacked avatar row with overflow counting and tooltips.Color PickerAn accessible, composable color picker with a saturation area, hue and alpha sliders, eyedropper, swatches, and hex/rgb/hsl/oklch output.Command PaletteA searchable command palette with groups, nested pages, and recent actions.Confirm DialogA promise-based confirmation dialog driven by an imperative confirm() call.Copy ButtonA copy-to-clipboard button with success feedback.
View all 14

Blocks

2

Composed templates and larger UI sections.

Schedule MeetingA booking panel composing a date range, a time window, a phone number, and a confirm step.Team Access PanelA member list with per-row role assignment, a shareable invite link, and guarded access revocation.
View Blocks

Utilities

15

Hooks, libraries, pages, files, themes, fonts, bases, styles, and other items.

Color ContrastWCAG contrast ratios and readable text color selection, with no dependencies.FormatLocale-aware formatters for dates, ranges, currency, numbers, and durations.useControllableStateA hook that makes any component work controlled or uncontrolled from one state API.useCopyToClipboardA small hook that copies text and tracks the latest copy result.useDebouncedValueA hook that defers a rapidly changing value until it settles.useEventListenerA hook that attaches a typed event listener with automatic cleanup.
View all 15

Built inside client work, published for everyone.

Mediaweb designs and delivers enterprise digital experiences. mwui is the part of that practice we keep in the open: the components, blocks, and hooks that survived real projects.

Start with a componentmediaweb.global