Back to prompts
Create an engaging multi-step onboarding experience. Steps: 1. Welcome: Personalized greeting, value proposition 2. Profile Setup: Avatar, name, bio 3. Preferences: Interest selection, notification settings 4. Team/Workspace: Create or join organization 5. Tour: Interactive product walkthrough 6. Complete: Celebration animations on complete Design Patterns: - Progress bar/stepper - Skip option (but encourage completion) - Back navigation - Save progress automatically - Celebration animations on complete Interactive Elements: - Avatar upload with crop - Multi-select interest chips - Toggle switches for preferences - Invite team members input - Interactive tooltips for tour Animations: - Step transitions (slide) - Progress bar animation - Confetti on completion - Micro-interactions on selections
Related Prompts
View allAnimated Pricing Table Component
Create a stunning animated pricing table component. Design Requirements: - Three-tier layout (Basic...
PricingAnimation
Drag & Drop File Upload
Build a polished drag-and-drop file upload component. Features: - Drag and drop zone with visual fe...
File UploadDrag Drop
Command Palette (CMD+K)
Create a Spotlight/Linear-style command palette. Functionality: - Global keyboard shortcut (CMD/CTR...
Command PaletteSearch
Toast Notification System
Build a complete toast notification system. Toast Types: - Success (green checkmark) - Error (red X...
ToastNotifications