★ Featured Prompt
Multi-Step Onboarding Form
A 3-step onboarding form with progress bar, validation, and smooth step transitions.
Prompt
Create a multi-step onboarding form with 3 steps: Step 1 - Personal Info: First name, Last name, Email, Password fields Step 2 - Your Profile: Avatar upload button, Display name, Bio textarea, Website URL Step 3 - Preferences: 6 interest toggles, notification preference radio buttons Global elements: - Step progress bar at the top showing current step (1/3, 2/3, 3/3) - Step title and subtitle - Back / Continue buttons at the bottom - Form validation on each step before proceeding - Final step has a "Complete Setup" button - Success state after submission - Use shadcn/ui, react-hook-form, Tailwind CSS
Share:Share on X
More Forms & Inputs Prompts
A sidebar filter panel with checkboxes, range sliders, and a date picker that updates a results count in real time.
An account settings form with clearly grouped sections for profile, notifications, privacy, and danger zone.