shadcn Quiz — Quiz Components for shadcn/ui Projects
quiz-ui is a shadcn/ui registry. That means you install quiz components exactly like you install shadcn/ui components: add the @quiz-ui registry URL to your components.json, then run npx shadcn add @quiz-ui/quiz-choice. The component lands in your components/ui/quiz/ folder as a .tsx file you own.
Last updated: 2026-09-25
Frequently asked questions
How do I install quiz-ui in a shadcn/ui project?
Add '@quiz-ui': 'https://quiz-ui-phi.vercel.app/r/{name}.json' to the registries map in your components.json, then run npx shadcn@latest add @quiz-ui/quiz-choice.
Does quiz-ui use the same conventions as shadcn/ui?
Yes. Components land in components/ui/quiz/, use cn() for className merging, and are styled with Tailwind + CVA.
Can I use both shadcn/ui and quiz-ui together?
Absolutely. quiz-ui components import from the same lib/utils.ts and follow the same patterns.