Training Example: shadcn/ui – Review the Data, Give Your Score & Compare to the Real AI Evaluation

New preset commands
[H1] The Foundation for your Design System
A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.New ProjectView Components
[IMG: Dashboard]
[IMG: Dashboard]
CNLRERNo Team MembersInvite your team to collaborate on this project.Invite MembersSyncingUpdatingLoadingPrice RangeSet your budget range ($200 - 800).12 resultshttps://Auto52% usedSendInput Securehttps://Two-factor authenticationVerify via email or phone number.EnableYour profile has been verified.Appearance SettingsCompute EnvironmentSelect the compute environment for your cluster.KubernetesRun GPU workloads on a K8s configured cluster. This is the default.Virtual MachineAccess a VM configured cluster to run workloads. (Coming soon)Number of GPUsYou can add more later.Wallpaper TintingAllow the wallpaper to be tinted.ArchiveReportSnoozeI agree to the terms and conditions123 CopilotProcessing your requestPlease wait while we process your request. Do not refresh the page.Cancel

SectionsIntroductionComponentsInstallationThemingCLIRTLSkillsMCP ServerRegistryFormsChangelogComponentsAccordionAlertAlert DialogAspect RatioAvatarBadgeBreadcrumbButtonButton GroupCalendarCardCarouselChartCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDirectionDrawerDropdown MenuEmptyFieldHover CardInputInput GroupInput OTPItemKbdLabelMenubarNative SelectNavigation MenuPaginationPopoverProgressRadio GroupResizableScroll AreaSelectSeparatorSheetSidebarSkeletonSliderSonnerSpinnerSwitchTableTabsTextareaToastToggleToggle GroupTooltipTypographyGet StartedInstallationcomponents.jsonPackage ImportsThemingDark ModeCLIMonorepoSkillsJavaScriptFigmallms.txtLegacy DocsFormsReact Hook FormTanStack FormFormischRegistryIntroductionGetting StartedRegistry DirectoryExamplesNamespacesAuthenticationMCP ServerOpen in v0registry.jsonregistry-item.json
[H1] Components
Here you can find all the components available in the library. We are working on adding more components.AccordionAlertAlert DialogAspect RatioAvatarBadgeBreadcrumbButtonButton GroupCalendarCardCarouselChartCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDirectionDrawerDropdown MenuEmptyFieldHover CardInputInput GroupInput OTPItemKbdLabelMenubarNative SelectNavigation MenuPaginationPopoverProgressRadio GroupResizableScroll AreaSelectSeparatorSheetSidebarSkeletonSliderSonnerSpinnerSwitchTableTabsTextareaToastToggleToggle GroupTooltipTypography
Can't find what you need? Try the registry directory for community-maintained components.Accordion Deploy your shadcn/ui app on VercelTrusted by OpenAI, Sonos, Adobe, and more.Vercel provides tools and infrastructure to deploy apps and features at scale.Deploy NowDeploy to Vercel

SectionsIntroductionComponentsInstallationThemingCLIRTLSkillsMCP ServerRegistryFormsChangelogComponentsAccordionAlertAlert DialogAspect RatioAvatarBadgeBreadcrumbButtonButton GroupCalendarCardCarouselChartCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDirectionDrawerDropdown MenuEmptyFieldHover CardInputInput GroupInput OTPItemKbdLabelMenubarNative SelectNavigation MenuPaginationPopoverProgressRadio GroupResizableScroll AreaSelectSeparatorSheetSidebarSkeletonSliderSonnerSpinnerSwitchTableTabsTextareaToastToggleToggle GroupTooltipTypographyGet StartedInstallationcomponents.jsonPackage ImportsThemingDark ModeCLIMonorepoSkillsJavaScriptFigmallms.txtLegacy DocsFormsReact Hook FormTanStack FormFormischRegistryIntroductionGetting StartedRegistry DirectoryExamplesNamespacesAuthenticationMCP ServerOpen in v0registry.jsonregistry-item.json
[H1] Changelog
RSSLatest updates and announcements.
[H2] May 2026 - Registry Include and Validate
This release adds two updates for registry authors:
include for composing large source registries from multiple registry.json
files.
shadcn registry validate for checking source registries before publishing.
This makes it easier to maintain source and dynamic registries without keeping
one large registry.json file by hand.
Registry authors can now organize a large source registry across multiple
registry.json files and compose them with shadcn build.
Copyregistry.json
components
└── ui
├── button.tsx
├── input.tsx
└── registry.json
hooks
├── registry.json
├── use-media-query.ts
└── use-toggle.ts
registry.jsonCopy{
"$schema": "https://ui.shadcn.com/schema/registry.json",
"name": "acme",
"homepage": "https://acme.com",
"include": [
"components/ui/registry.json",
"hooks/registry.json"
]
}
Included registry.json files are valid registry files for composition and may
omit name and homepage. Only the root registry.json must define the
registry metadata.
components/ui/registry.jsonCopy{
"$schema": "https://ui.shadcn.com/schema/registry.json",
"items": [
{
"name": "button",
"type": "registry:ui",
"files": [
{
"path": "button.tsx",
"type": "registry:ui"
}
]
}
]
}
[H2] Build output#
shadcn build resolves included registries and writes a flattened
registry.json without include. Item file paths are preserved from the root
registry, so a file declared in components/ui/registry.json is written as
components/ui/button.tsx in the built registry item.
[H2] Validate your registry#
You can now validate a source registry before publishing or serving it.
pnpmnpmyarnbunpnpm dlx shadcn registry validateCopy
Validation runs against the source registry files directly. You do not need to
run shadcn build first.
The command checks the root registry.json, included registry files, item
schema errors, duplicate item names, include rules, and local item file paths.
Validation reports all actionable errors it can find in one run.
[H2] Registry loaders#
The shadcn/registry package also exports loadRegistry and
loadRegistryItem for dynamic registry routes.
app/r/registry.json/route.tsCopyimport { loadRegistry } from "shadcn/registry"
export