Customizable Quiz — Fully Themable Quiz Components for React
A customizable quiz means you're not stuck with someone else's design. quiz-ui components expose granular className props: style the track, range, and thumb of a slider independently; change the active and inactive states of choice cards; theme the progress bar. Nothing is hardcoded.
Last updated: 2026-09-25
Frequently asked questions
How many className props does a component have?
It varies. QuizSlider has 5 (className, valueClassName, trackClassName, rangeClassName, thumbClassName). QuizChoiceGroup has 6 for items, active state, indicators, labels, and descriptions.
Can I use Tailwind theme tokens?
Yes. The className props accept any Tailwind class — including your design-token variables.
Can I completely restyle a component?
Yes. Every visual property is controllable via className. You can make a slider look like a toggle, or choice cards look like chips — it's all classes.