Skip to content
38

Surveys.

Feedback surveys: an NPS score with a follow-up, a multi-step form, a cancellation survey and a one-question-per-screen flow with keyboard shortcuts.

4 blocks, live at full size, install from here

01 / 04NPS scale, number-key shortcuts, follow-up by score, change answer

Survey 01

NPS card built on Questionnaire: a 0 to 10 scale with number-key shortcuts, then a required follow-up question that changes with the score. Submitting shows the score with a Change answer action. Ships composable parts.

npx shadcn@latest add https://hirael.com/r/survey-01.json

02 / 04Progress bar, pick up to 3, 1 to 5 rating, skip, review and edit

Survey 02

Four-question feedback card built on the Questionnaire: single choice, pick up to 3, a 1 to 5 rating and an optional comment you can skip. Required questions validate inline, and a review step lets you edit any answer before submitting.

npx shadcn@latest add https://hirael.com/r/survey-02.json

03 / 04Cancel reason, retention offer, pause plan, undo

Survey 03

Plan card with a cancellation survey in a dialog, built on Questionnaire. The reason you pick decides the follow-up step (a discount, a pause or a feedback question), and the card shows the result with an undo.

npx shadcn@latest add https://hirael.com/r/survey-03.json

04 / 04One question per screen, letter keys, branching, progress bar

Survey 04

Full-height survey that shows one question per screen, with letter-key answers, Enter to continue and a thin progress bar. One answer skips a later question, and the flow ends on a personal thank-you with a restart.

npx shadcn@latest add https://hirael.com/r/survey-04.json