Bottom Sheet Multi-Step Form
Mobile-first bottom sheet drawer pattern for unobtrusive feedback, quick ratings, and multi-step intake.
Powered by
Preview
Application View
Active Session
Bottom sheet forms are mobile-friendly patterns providing uninterrupted interaction overlays without losing page context.
Interactive responsive preview
Drag handles on right and bottom to resize
Overview
Bottom sheets slide up from the lower viewport edge, allowing users to complete targeted forms without losing page state:
- Mobile Friendly Ergonomics: Places buttons and inputs within easy thumb reach.
- Sequential Steps: Moves smoothly through rating, categorization, and contact details with back navigation.
- Non-blocking Context: Can be dismissed and reopened smoothly while preserving progress.
Avatar Onboarding Form
Interactive multi-step onboarding paired with an expressive morphing bot avatar that reacts dynamically to typing, validation, password masking, and completion.
Conversational Form
Turn a project intake form into a conversation with one question at a time, quick replies, and an editable answer history.