1. Home

Squad UI

Squad’s component library — a branded layer over shadcn/ui with Squad primitives, composed demos, and opinionated blocks. Every docs page ships with a Preview/Code tab and a mirrored markdown route so LLMs can read it.

Browse componentsSee blocksHTML + CSSGitHub

Get started

Installation docs and typography scale.

InstallationTypographyIcons

Components

Primitives and composed variants. Each page has Preview/Code tabs.

AI voice orbAlertAvatarBadgeBannerBreadcrumbButtonCardChartsCheckboxCode blockCollapsibleColorsCommentCommand menuData gridDate & time pickerDescription listDrawerDropdown menuEmptyField labelFile uploadImage carouselInputItem listKbdMarkdown areaModalNotificationPaginationPDF viewerPopoverPreview railProgressMulti selectRadio groupRich text editorSection dividerSelectSkeletonSliderSpinnerStepperSwitchTabsToolbarTooltipVideo player

Blocks

Larger compositions that ship as a single registry item.

Activity feedAssigneesAudience selectionCalendly embedCalloutCarousel tile radioConcept approvalDashboard heroExperience ratingFile size pickerFloating continueBoard view / Manage my queueIcon / emoji pickerImage pickerLogin pageMessagingPage search/filterPanel editorRecord pickerRepeatable groupSidebarSection headerUser menu

App shell

Drop-in sidebar layouts for internal tools.

Sidebar 1 (PRF)Sidebar 2Sidebar 3

Templates

One-line project starters — scaffold, install, and run.

Tauri + App Shell 3
Get Started
  • Installation
  • Typography
  • Icons
Documentation
  • Authentication
  • llms.txt
  • Component Registry
  • Squad API Reference
  • Squad OpenAPI Spec
  • Dynamic Forms