Accordion Form Airbnb Styled Form Alert Form Auto-save Form Avatar Onboarding Form Bottom Sheet Multi-Step Form Conversational Form Command Palette Quick-Entry Form Conditional Logic Form Conversational Product Search Form Credit Card Checkout Form View Transition Form Creative Agency Conversational Appointment Form E-commerce Checkout Form Embark Dynamic Document Event Booking Form Flight Booking Form Password Reset Form Grammarly Internal Tool Form Health Form Hiring Form Hotel Booking Form Multilingual Form Image Upload Indian Wedding Invitation & RSVP Form Persistent Draft Form Media Upload Natural Language Form Onboarding Experience Orfactor Agency Contact Form OTP & Two-Factor Verification Form Interactive Pricing Calculator Form Progress Indicator Form Progress Pills Focus Form Promotional Performance Configuration Form Review Form Shadcn Form Sign in Sidebar Form Registration Form Stackable Form Stepper Dialog Form Survey Form Swipeable Form Swiss Design Conversational Form Tabbed Settings Form URL State Form

Event Booking Form

Multi-step event registration form with vertical timeline stepper, interactive participant range slider, and dynamic step navigation.

Powered by

React

Tailwind CSS

Preview

ACMEEVENTS

Step 2

How many participants?

20participants

Drag to resize height

Interactive responsive preview

Drag handles on right and bottom to resize

Overview

The event booking pattern breaks down complex event configurations into intuitive sequential steps:

Continuous Stepper Timeline: Step 1 (Jane Doe), Step 2 (Participants), Step 3 (Event Theme), Step 4 (Date), and Step 5 (Location).
Interactive Thumb Indicator: Floating person icon directly tracks the current participant value on top of the range slider.
Bi-directional Navigation: Move forward with Continue or click any prior step to adjust registration parameters.

Reference Design

Event Booking Form

Embark Dynamic Document

Dynamic planning document inspired by Ink & Switch's Embark research project, unifying freeform text notes with structured mentions, live spreadsheet-like formulas, and a coordinated interactive map and schedule canvas.

Flight Booking Form

Comprehensive travel flight search dashboard featuring trip type selectors, airport swap controls, filter sidebar, and expandable flight itineraries.

On this page

Preview Overview Reference Design