Design6 min
Designing motion that feels inevitable
Springs, easing and the small details that make an interface feel alive instead of animated.
Sep 28Read
Search
Search components and blocks
Feedback Blocks
Ways to ask people what they think: a mood-and-note card and an inline thumbs vote.
Helpful Vote
An inline Was this page helpful? strip for the end of an article. Thumbs up thanks you straight away. Thumbs down opens a row of reason chips that you can toggle, plus Send. The strip grows and shrinks with a spring, the active thumb uses a sliding highlight, and Undo brings the question back.
Was this page helpful?
Install
$ pnpm dlx shadcn@latest add @ditherui/helpful-vote
Props
PropTypeDefault
questionstring"Was this page helpful?"onSubmit(vote: "up" | "down", reasons: string[]) => void—classNamestring—