@moduix-react

Ark-first React components, blocks, and themes with native CSS, available as a package or a shadcn-compatible copy-owned registry.

109 components react shadcn-cli MIT

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

Install this registry

shadcn (npm) npx shadcn@latest add https://moduix.dev/r/react/registry.json

pnpm pnpm dlx shadcn@latest add https://moduix.dev/r/react/registry.json

bun bunx shadcn@latest add https://moduix.dev/r/react/registry.json

fetch registry curl -s https://moduix.dev/r/react/registry.json

Components

109 total

moduix React init base

Initialize shadcn for moduix React and install the shared foundation files.

npx shadcn@latest add https://moduix.dev/r/react/init.json

moduix core item

Runtime styles and utilities required by moduix registry components.

npx shadcn@latest add https://moduix.dev/r/react/core.json

moduix reset item

Optional CSS reset for projects that want moduix global reset rules.

npx shadcn@latest add https://moduix.dev/r/react/reset.json

moduix icons item

Internal icon components required only by registry components that render them.

npx shadcn@latest add https://moduix.dev/r/react/icons.json

moduix a11y labels item

Internal accessible label defaults required only by registry components that render text fallbacks.

npx shadcn@latest add https://moduix.dev/r/react/a11y-labels.json

moduix overlay portal item

Internal overlay portal helper required only by overlay registry components.

npx shadcn@latest add https://moduix.dev/r/react/overlay-portal.json

moduix React core item

Shared runtime dependencies installed by every moduix registry component.

npx shadcn@latest add https://moduix.dev/r/react/foundation.json

Contrast theme theme

High-clarity moduix tokens with stronger borders and focus states for technical interfaces.

npx shadcn@latest add https://moduix.dev/r/react/theme-contrast.json

Dense theme theme

Compact moduix tokens with a structured blue palette for admin and data-heavy interfaces.

npx shadcn@latest add https://moduix.dev/r/react/theme-dense.json

Soft theme theme

Rounded moduix tokens with a warmer violet palette for product workflows.

npx shadcn@latest add https://moduix.dev/r/react/theme-soft.json

Accordion item

moduix React Accordion component.

npx shadcn@latest add https://moduix.dev/r/react/accordion.json

AngleSlider item

moduix React AngleSlider component.

npx shadcn@latest add https://moduix.dev/r/react/angle-slider.json

Alert item

moduix React Alert component.

npx shadcn@latest add https://moduix.dev/r/react/alert.json

AspectRatio item

moduix React AspectRatio component.

npx shadcn@latest add https://moduix.dev/r/react/aspect-ratio.json

Avatar item

moduix React Avatar component.

npx shadcn@latest add https://moduix.dev/r/react/avatar.json

Badge item

moduix React Badge component.

npx shadcn@latest add https://moduix.dev/r/react/badge.json

Bleed item

moduix React Bleed component.

npx shadcn@latest add https://moduix.dev/r/react/bleed.json

Breadcrumbs item

moduix React Breadcrumbs component.

npx shadcn@latest add https://moduix.dev/r/react/breadcrumbs.json

Button item

moduix React Button component.

npx shadcn@latest add https://moduix.dev/r/react/button.json

Card item

moduix React Card component.

npx shadcn@latest add https://moduix.dev/r/react/card.json

Chart item

moduix React Chart component backed by TanStack Charts.

npx shadcn@latest add https://moduix.dev/r/react/chart.json

Checkbox item

moduix React Checkbox component.

npx shadcn@latest add https://moduix.dev/r/react/checkbox.json

CloseButton item

moduix React CloseButton component.

npx shadcn@latest add https://moduix.dev/r/react/close-button.json

Collapsible item

moduix React Collapsible component.

npx shadcn@latest add https://moduix.dev/r/react/collapsible.json

Combobox item

moduix React Combobox component.

npx shadcn@latest add https://moduix.dev/r/react/combobox.json

ColorPicker item

moduix React ColorPicker component.

npx shadcn@latest add https://moduix.dev/r/react/color-picker.json

CommandPalette item

moduix React CommandPalette component.

npx shadcn@latest add https://moduix.dev/r/react/command-palette.json

Container item

moduix React Container component.

npx shadcn@latest add https://moduix.dev/r/react/container.json

DateInput item

moduix React DateInput component.

npx shadcn@latest add https://moduix.dev/r/react/date-input.json

DatePicker item

moduix React DatePicker component.

npx shadcn@latest add https://moduix.dev/r/react/date-picker.json

Clipboard item

moduix React Clipboard component.

npx shadcn@latest add https://moduix.dev/r/react/clipboard.json

Dialog item

moduix React Dialog component.

npx shadcn@latest add https://moduix.dev/r/react/dialog.json

Drawer item

moduix React Drawer component.

npx shadcn@latest add https://moduix.dev/r/react/drawer.json

Empty item

Composable empty-state surface for no-results, no-data, and first-run screens.

npx shadcn@latest add https://moduix.dev/r/react/empty.json

Editable item

moduix React Editable component.

npx shadcn@latest add https://moduix.dev/r/react/editable.json

Field item

moduix React Field component.

npx shadcn@latest add https://moduix.dev/r/react/field.json

FileUpload item

moduix React FileUpload component.

npx shadcn@latest add https://moduix.dev/r/react/file-upload.json

Fieldset item

moduix React Fieldset component.

npx shadcn@latest add https://moduix.dev/r/react/fieldset.json

FloatingPanel item

moduix React FloatingPanel component.

npx shadcn@latest add https://moduix.dev/r/react/floating-panel.json

Heading item

moduix React Heading component.

npx shadcn@latest add https://moduix.dev/r/react/heading.json

Highlight item

moduix React Highlight component.

npx shadcn@latest add https://moduix.dev/r/react/highlight.json

Image item

moduix React Image component.

npx shadcn@latest add https://moduix.dev/r/react/image.json

JsonTreeView item

moduix React JsonTreeView component.

npx shadcn@latest add https://moduix.dev/r/react/json-tree-view.json

ImageCropper item

moduix React ImageCropper component.

npx shadcn@latest add https://moduix.dev/r/react/image-cropper.json

Input item

moduix React Input component.

npx shadcn@latest add https://moduix.dev/r/react/input.json

InputGroup item

moduix React InputGroup component.

npx shadcn@latest add https://moduix.dev/r/react/input-group.json

Kbd item

moduix React Kbd component.

npx shadcn@latest add https://moduix.dev/r/react/kbd.json

Lightbox item

moduix React Lightbox component.

npx shadcn@latest add https://moduix.dev/r/react/lightbox.json

List item

moduix React List component.

npx shadcn@latest add https://moduix.dev/r/react/list.json

Listbox item

moduix React Listbox component.

npx shadcn@latest add https://moduix.dev/r/react/listbox.json

TreeView item

moduix React TreeView component.

npx shadcn@latest add https://moduix.dev/r/react/tree-view.json

Marquee item

moduix React Marquee component.

npx shadcn@latest add https://moduix.dev/r/react/marquee.json

Menu item

moduix React Menu component.

npx shadcn@latest add https://moduix.dev/r/react/menu.json

Navigation Menu item

moduix React Navigation Menu component.

npx shadcn@latest add https://moduix.dev/r/react/navigation-menu.json

Native Select item

moduix React Native Select component.

npx shadcn@latest add https://moduix.dev/r/react/native-select.json

NumberInput item

moduix React NumberInput component.

npx shadcn@latest add https://moduix.dev/r/react/number-input.json

PinInput item

moduix React PinInput component.

npx shadcn@latest add https://moduix.dev/r/react/pin-input.json

Pagination item

moduix React Pagination component.

npx shadcn@latest add https://moduix.dev/r/react/pagination.json

PasswordInput item

moduix React PasswordInput component.

npx shadcn@latest add https://moduix.dev/r/react/password-input.json

Popover item

moduix React Popover component.

npx shadcn@latest add https://moduix.dev/r/react/popover.json

HoverCard item

moduix React HoverCard component.

npx shadcn@latest add https://moduix.dev/r/react/hover-card.json

ProgressCircular item

moduix React ProgressCircular component.

npx shadcn@latest add https://moduix.dev/r/react/progress-circular.json

ProgressLinear item

moduix React ProgressLinear component.

npx shadcn@latest add https://moduix.dev/r/react/progress-linear.json

QR Code item

moduix React QR Code component.

npx shadcn@latest add https://moduix.dev/r/react/qr-code.json

Radio Group item

moduix React RadioGroup component.

npx shadcn@latest add https://moduix.dev/r/react/radio-group.json

RatingGroup item

moduix React RatingGroup component.

npx shadcn@latest add https://moduix.dev/r/react/rating-group.json

ScrollArea item

moduix React ScrollArea component.

npx shadcn@latest add https://moduix.dev/r/react/scroll-area.json

SegmentGroup item

moduix React SegmentGroup component.

npx shadcn@latest add https://moduix.dev/r/react/segment-group.json

Signature Pad item

moduix React Signature Pad component.

npx shadcn@latest add https://moduix.dev/r/react/signature-pad.json

Select item

moduix React Select component.

npx shadcn@latest add https://moduix.dev/r/react/select.json

Separator item

moduix React Separator component.

npx shadcn@latest add https://moduix.dev/r/react/separator.json

Simple Grid item

Responsive CSS Grid layout with fixed or intrinsic equal-width columns.

npx shadcn@latest add https://moduix.dev/r/react/simple-grid.json

Skeleton item

moduix React Skeleton component.

npx shadcn@latest add https://moduix.dev/r/react/skeleton.json

Slider item

moduix React Slider component.

npx shadcn@latest add https://moduix.dev/r/react/slider.json

Splitter item

moduix React Splitter component.

npx shadcn@latest add https://moduix.dev/r/react/splitter.json

Sidebar item

moduix React Sidebar component.

npx shadcn@latest add https://moduix.dev/r/react/sidebar.json

Carousel item

moduix React Carousel component.

npx shadcn@latest add https://moduix.dev/r/react/carousel.json

Spinner item

moduix React Spinner component.

npx shadcn@latest add https://moduix.dev/r/react/spinner.json

SplitButton item

moduix React SplitButton component.

npx shadcn@latest add https://moduix.dev/r/react/split-button.json

Stack item

moduix React Stack component.

npx shadcn@latest add https://moduix.dev/r/react/stack.json

Steps item

moduix React Steps component.

npx shadcn@latest add https://moduix.dev/r/react/steps.json

Swap item

moduix React Swap component.

npx shadcn@latest add https://moduix.dev/r/react/swap.json

Switch item

moduix React Switch component.

npx shadcn@latest add https://moduix.dev/r/react/switch.json

Tag item

moduix React Tag component.

npx shadcn@latest add https://moduix.dev/r/react/tag.json

TagsInput item

moduix React TagsInput component.

npx shadcn@latest add https://moduix.dev/r/react/tags-input.json

Table item

moduix React Table component.

npx shadcn@latest add https://moduix.dev/r/react/table.json

Table of Contents item

moduix React Table of Contents component.

npx shadcn@latest add https://moduix.dev/r/react/toc.json

Tabs item

moduix React Tabs component.

npx shadcn@latest add https://moduix.dev/r/react/tabs.json

Text item

moduix React Text component.

npx shadcn@latest add https://moduix.dev/r/react/text.json

Textarea item

moduix React Textarea component.

npx shadcn@latest add https://moduix.dev/r/react/textarea.json

Timer item

moduix React Timer component.

npx shadcn@latest add https://moduix.dev/r/react/timer.json

Typeset item

moduix React Typeset component.

npx shadcn@latest add https://moduix.dev/r/react/typeset.json

Toast item

moduix React Toast component.

npx shadcn@latest add https://moduix.dev/r/react/toast.json

Toggle item

moduix React Toggle component.

npx shadcn@latest add https://moduix.dev/r/react/toggle.json

ToggleGroup item

moduix React ToggleGroup component.

npx shadcn@latest add https://moduix.dev/r/react/toggle-group.json

Tooltip item

moduix React Tooltip component.

npx shadcn@latest add https://moduix.dev/r/react/tooltip.json

Tour item

moduix React Tour component.

npx shadcn@latest add https://moduix.dev/r/react/tour.json

Sign-in form with email, password, and a remember-me option.

npx shadcn@latest add https://moduix.dev/r/react/login-simple.json

Sidebar dashboard block

Dashboard with a resizable sidebar, nested navigation, and a workspace menu.

npx shadcn@latest add https://moduix.dev/r/react/sidebar-dashboard.json

File upload block

File picker with drag and drop, validation, previews, and removal controls.

npx shadcn@latest add https://moduix.dev/r/react/file-upload-manager.json

App header block

Responsive header with navigation, command search, and an account menu.

npx shadcn@latest add https://moduix.dev/r/react/app-header.json

Registration form with email, password confirmation, and terms acceptance.

npx shadcn@latest add https://moduix.dev/r/react/sign-up.json

Forgot password block

Email form for requesting a password reset link.

npx shadcn@latest add https://moduix.dev/r/react/forgot-password.json

Reset password block

Password reset form with a confirmation field.

npx shadcn@latest add https://moduix.dev/r/react/reset-password.json

Verification code block

Six-digit email verification form with keyboard navigation and paste support.

npx shadcn@latest add https://moduix.dev/r/react/verification-code.json

Data table block

Payments table with search, sorting, column visibility, selection, and pagination.

npx shadcn@latest add https://moduix.dev/r/react/data-table.json

Expandable avatar group block

Overlapping avatars that expand on hover or focus, with a tooltip for each person.

npx shadcn@latest add https://moduix.dev/r/react/expandable-avatar-group.json

Autoplay gallery block

Image carousel with autoplay, navigation arrows, and progress indicators.

npx shadcn@latest add https://moduix.dev/r/react/autoplay-gallery.json

Parallax card block

Image card with a pointer-driven tilt effect and reduced-motion support.

npx shadcn@latest add https://moduix.dev/r/react/parallax-card.json