libraryRadix UI
Radix UI
uiintermediate15 min setup

Radix UI

Unstyled, accessible primitives. Build your own design system.

GitHub ↗Docs ↗Add to workspace →
Plain language
What is it?

The building blocks underneath shadcn/ui. Provides accessible dropdowns, dialogs, tooltips, and more — without any styling, so you design them yourself.

Why use it at a hackathon?

When you need full design control but still want accessibility built in. Radix handles keyboard navigation and screen reader support automatically.

Common use

Accessibility-focused civic tools, health apps that need to serve users with disabilities, custom design systems for government-adjacent platforms.

Tags
primitivesaccessibleunstyledheadless
At a glance
Setup time: 15 minutes
Difficulty: intermediate
Skill: Intermediate. You'll need CSS/Tailwind knowledge to style these components. Best for teams with a designer or strong frontend developer.
Impact context
Challenge domains
Education & AccessHealth & WellbeingCivic TechJustice & Rights
SDGs
Quality EducationGood HealthReduced InequalitiesPeace & Justice
Related components
shadcn/ui
Beautiful components. Copy-paste, not npm install. You own the code.
Go deeper
Radix UI DocumentationdocsAccessible Components Without Compromisearticle
Building with Radix UI?
Add it to your hackathon session workspace.
Add to workspace →