ActiveFormspro available1
@materialcn
Forms · MIT · data updated 2026-09-21
Material 3 Expressive for shadcn/ui. Base UI primitives restyled with M3 tokens extracted from the official Figma kit, so stock shadcn markup renders as Material — retheme an existing project with a single item.
accessibilitybuttonscardsdesign-systemformshooksiconsloadersmedianavigationoverlayspro-availabletheming
Install
npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/registry.jsonHealth
StatusActive
Last commit3 weeks ago
LicenseMIT
Open issues0
ArchivedNo
Stars1
Components (66)
materialcn-themeaccordionalertavatarbadgebottom-app-barbreadcrumbbreadcrumbsbuttonbutton-groupbutton-group-contextbutton-variantscalendarcalendar-utilscardcarouselcheckboxchipcircular-progressdate-pickerdate-picker-dialogdialogdropdown-menufabfab-menufieldiconimageinputinput-grouplabellinklistloading-indicatornavigation-barnavigation-contextnavigation-railnotification-badgepaginationpaginatorpalettesprogressradio-grouprich-tooltipsearch-barsearch-viewselectseparatorsheetskeletonslidersplit-buttonswitchtabstext-fieldtheme-contexttheme-providertime-dialtime-pickertoast
Components: materialcn-theme, accordion, alert, avatar, badge, bottom-app-bar, breadcrumb, breadcrumbs, button, button-group, button-group-context, button-variants, calendar, calendar-utils, card, carousel, checkbox, chip, circular-progress, date-picker, date-picker-dialog, dialog, dropdown-menu, fab, fab-menu, field, icon, image, input, input-group, label, link, list, loading-indicator, navigation-bar, navigation-context, navigation-rail, notification-badge, pagination, paginator, palettes, progress, radio-group, rich-tooltip, search-bar, search-view, select, separator, sheet, skeleton, slider, split-button, switch, tabs, text-field, theme-context, theme-provider, time-dial, time-picker, toast, toggle, toggle-group, toolbar, tooltip, top-app-bar, utilsPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@materialcn · materialcn-theme
npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/materialcn-theme.jsonView source