What is shadcn?
A collection of copy-paste UI components built on Radix and Tailwind. You own the source files in your project, so you can edit anything directly.
copied in · yours to edit
shadcn components live...
Write it in your own words in the app.
In real work
Build a settings page with shadcn Card, Switch, and Label. Default shadcn theme. Use Lucide for all icons.
In the illustration
Instead of handing over a sealed part, the copier traces the Card pattern into your project's open drawer; a file then rounds one corner of your copy while the turntable's original stays as it was. Small engraved shadcn plate only.
Add a shadcn Dialog to the project through your component library, keep the source in components/ui, and restyle only the primary button to our brand colour.
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.
