What is Radix UI?
A library of unstyled, accessible React primitives. Radix handles keyboard navigation, ARIA roles, and focus management while you bring your own styles.
behaviour built in · you style it
Radix UI components are...
Write it in your own words in the app.
In real work
Use Radix UI for the modal. Use Radix Dialog and let Radix handle accessibility and focus trapping. I will style it with Tailwind.
In the illustration
The door opens and a focus marble circles only the track inside the cabinet, never escaping; the Esc latch closes it. Then a separate spray arm paints just the shell, in your colour. Small engraved RADIX plate only.
Use the Radix UI Popover primitive in your component library for the filter menu so keyboard focus and escape-to-close work without custom code.
Try it now
The fastest way to learn a word is to use it. Open this line in the agent you already work in and watch what it does. Change the tool to the one you use.
Go further
01Practice
Make it stick
One term a day, a short quiz, and sentence practice that checks your own words.
02Verify
Prove you know it
Pass the quiz and keep it in a Skills Wallet you can share with anyone who needs proof.
03Career
Find the work that uses it
See which roles lean on this vocabulary, and what they pay in year one.
Learn the next term tomorrow.
Google gives a definition. Prompthaus pairs each term with how it shows up in standups, PRs, prompts, and design reviews. Then it quizzes you until the word sticks. One term a day on iPhone.
