Shadcn.io is not affiliated with official shadcn/ui
CTA Survey
A quick star rating survey CTA block for React and Next.js with interactive 1-5 star selector, animated thank-you state swap, and anonymous submission built with shadcn/ui and Tailwind CSS
Collect user ratings instantly with this compact star survey CTA block for React and Next.js. Features five interactive star buttons with filled and unfilled states, an AnimatePresence state swap to a thank-you confirmation, and a minimal anonymous footer. Built with TypeScript, shadcn/ui components, react-wrap-balancer for balanced description text, Framer Motion for smooth transitions, and Tailwind CSS. Perfect for in-app satisfaction surveys, post-purchase rating prompts, and feature evaluation flows.
Related Components
Feedback CTA
Emoji reaction feedback block
Feature Vote CTA
Feature voting and prioritization
Newsletter CTA
Newsletter signup CTA block
Referral CTA
Team referral invite block
Contact Blocks
Contact form layouts
Onboarding Checklist CTA
Onboarding progress checklist
FAQ
Was this page helpful?
Sign in to leave feedback.
Student Discount
A student discount verification CTA block for React and Next.js with edu email input, step-by-step instructions, and CountUp student count built with shadcn/ui and Tailwind CSS
Team Invite
A bulk team invite CTA block for React and Next.js with multi-email textarea, default role badge, and send invites action built with shadcn/ui and Tailwind CSS