Design System
Components Every component in the Campus One registry with its install command
Each component is a self-contained file. Install one with npx shadcn@latest add @campus-one/<name> once you've registered our registry . Most components depend on the theme and the cn() util — these come along automatically.
Component Install Button npx shadcn@latest add @campus-one/buttonButton Group npx shadcn@latest add @campus-one/button-groupCalendar npx shadcn@latest add @campus-one/calendarCheckbox npx shadcn@latest add @campus-one/checkboxCombobox npx shadcn@latest add @campus-one/comboboxField npx shadcn@latest add @campus-one/fieldForm npx shadcn@latest add @campus-one/formInput npx shadcn@latest add @campus-one/inputInput Group npx shadcn@latest add @campus-one/input-groupInput OTP npx shadcn@latest add @campus-one/input-otpLabel npx shadcn@latest add @campus-one/labelNative Select npx shadcn@latest add @campus-one/native-selectRadio Group npx shadcn@latest add @campus-one/radio-groupSelect npx shadcn@latest add @campus-one/selectSlider npx shadcn@latest add @campus-one/sliderSwitch npx shadcn@latest add @campus-one/switchTextarea npx shadcn@latest add @campus-one/textareaToggle npx shadcn@latest add @campus-one/toggleToggle Group npx shadcn@latest add @campus-one/toggle-group
Component Install Alert Dialog npx shadcn@latest add @campus-one/alert-dialogContext Menu npx shadcn@latest add @campus-one/context-menuDialog npx shadcn@latest add @campus-one/dialogDrawer npx shadcn@latest add @campus-one/drawerDropdown Menu npx shadcn@latest add @campus-one/dropdown-menuHover Card npx shadcn@latest add @campus-one/hover-cardMenubar npx shadcn@latest add @campus-one/menubarPopover npx shadcn@latest add @campus-one/popoverSheet npx shadcn@latest add @campus-one/sheetTooltip npx shadcn@latest add @campus-one/tooltip
Component Install Breadcrumb npx shadcn@latest add @campus-one/breadcrumbCommand npx shadcn@latest add @campus-one/commandKbd npx shadcn@latest add @campus-one/kbdNavigation Menu npx shadcn@latest add @campus-one/navigation-menuPagination npx shadcn@latest add @campus-one/paginationSidebar npx shadcn@latest add @campus-one/sidebarTabs npx shadcn@latest add @campus-one/tabs
Component Install Accordion npx shadcn@latest add @campus-one/accordionAlert npx shadcn@latest add @campus-one/alertApp Icon npx shadcn@latest add @campus-one/app-iconAvatar npx shadcn@latest add @campus-one/avatarBadge npx shadcn@latest add @campus-one/badgeCard npx shadcn@latest add @campus-one/cardChart npx shadcn@latest add @campus-one/chartCollapsible npx shadcn@latest add @campus-one/collapsibleEmpty npx shadcn@latest add @campus-one/emptyItem npx shadcn@latest add @campus-one/itemProgress npx shadcn@latest add @campus-one/progressSkeleton npx shadcn@latest add @campus-one/skeletonSpinner npx shadcn@latest add @campus-one/spinnerTable npx shadcn@latest add @campus-one/table
Component Install Aspect Ratio npx shadcn@latest add @campus-one/aspect-ratioResizable npx shadcn@latest add @campus-one/resizableScroll Area npx shadcn@latest add @campus-one/scroll-areaSeparator npx shadcn@latest add @campus-one/separator
Component Install Carousel npx shadcn@latest add @campus-one/carouselDirection npx shadcn@latest add @campus-one/directionSonner (toasts) npx shadcn@latest add @campus-one/sonner
Item Install cn() utilitynpx shadcn@latest add @campus-one/utilsuseMobile hooknpx shadcn@latest add @campus-one/use-mobile
shadcn accepts a list:
npx shadcn@latest add @campus-one/card @campus-one/button @campus-one/dialog Or install the theme and everything you'd typically need for a dashboard:
npx shadcn@latest add @campus-one/theme @campus-one/sidebar \ @campus-one/card @campus-one/button @campus-one/input \ @campus-one/dropdown-menu @campus-one/avatar @campus-one/badge