What is Primitive?
A low-level, single-purpose UI building block with no styling opinions. Primitives are the raw pieces you compose into bigger, styled components.

box + text + pressable → button
A primitive is a UI building block that...
Write it in your own words in the app.
In real work
Build from primitives. Start with a Box for layout, add a Text inside it, wrap both in a Pressable for interaction.
In the illustration
The three raw parts sit apart on the jig; they slide together and click into one working button that presses and springs back, still completely unpainted.
Build the tooltip on a primitive from your component library rather than a div, so it gets the ARIA role and keyboard handling for free.
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.




