Radix UI Design System

Build production-ready, accessible design systems using Radix UI primitives with full customization control and zero style opinions.

Overview

Radix UI provides unstyled, accessible components (primitives) that you can customize to match any design system. This skill guides you through building scalable component libraries with Radix UI, focusing on accessibility-first design, theming architecture, and composable patterns.

Key Strengths:

• Headless by design: Full styling control without fighting defaults
• Accessibility built-in: WAI-ARIA compliant, keyboard navigation, screen reader support
• Composable primitives: Build complex components from simple building blocks
• Framework agnostic: Works with React, but styles work anywhere

When to Use This Skill