Production-ready Tailwind and Radix UI components with copy-paste CLI.
Included Components
49
AccordionAlertAvatarAvatar GroupAvatar Group CompactBadgeBannerBreadcrumbButtonButton GroupCheckboxColor PickerCommand MenuCompact ButtonData TableDatepickerDigit InputDividerDot StepperDrawerDropdownFancy ButtonFile UploadHintHorizontal StepperInputKbdLabelLink ButtonModalNotificationPaginationPopoverProgress BarProgress CircleRadioRatingSegmented ControlSelectSliderStatus BadgeSwitchTab Menu HorizontalTab Menu VerticalTagTextareaToastTooltipVertical Stepper
AlignUI is a production-grade design system and component collection built on Radix UI and Tailwind CSS with full TypeScript support. Adopting a copy-paste architecture via the @alignui/cli, it eliminates dependency lock-in by providing accessible, customizable primitives and interactive patterns directly into your codebase. It bridges Figma design tokens with modern front-end engineering, featuring color palettes with OKLCH support, dark mode tokens, and complex controls like color pickers and segmented tabs.
