Job Application
Personal info, experience, education, resume upload and review.
Version 1.0.0
Multi-step forms that people actually finish
20 polished, accessible form templates powered by one lightweight engine. Plain HTML, CSS and JavaScript, ready to drop into any website.
- Form demos
- 20
- Progress styles
- 5
- Layouts
- 4
- Color themes
- 8
- Dependencies
- 0
Explore the demos
Every demo is a working form. Open one, fill it in and try the theme, dark mode and RTL switches.
Contact / Get a Quote
Service type, project details, budget slider and contact info.
Client Onboarding
Company info, goals, services and a call scheduler.
Employee Onboarding
Personal details, tax and bank, documents and policy sign-off.
User Registration
Account, profile, preferences and email verification code.
SaaS Sign-up & Pricing
Choose a plan, create an account, team size and payment.
Newsletter Preferences
Interests picker, delivery frequency and confirmation.
Checkout
Cart, shipping, delivery method, payment and confirmation.
Hotel Booking
Dates, room cards, guests, extras and payment.
Appointment Booking
Service, specialist, calendar and time slots, then your details.
Event Registration
Ticket type, attendee info, add-ons and confirmation.
Customer Survey
Star ratings, NPS score, multiple choice and open feedback.
Quiz / Assessment
One question per step with an instant score and answer review.
Product Finder
Guided questions with branching logic and a tailored recommendation.
Loan Application
Personal details, income, loan terms, documents and e-signature.
Real Estate Inquiry
Buy or rent, property type, budget, location and contact.
Course Enrollment
Course choice, student info, schedule and payment plan.
Donation
Amount picker, one-time or monthly, donor info and thank-you.
Medical Intake
Patient info, history, insurance and signed consent.
Travel Planner
Destination, dates, travelers, interests and budget.
Everything a great form needs
Built by front-end developers, for front-end developers and site owners alike.
20 ready-made forms
Business, sign-up, booking, checkout, survey and specialty forms you can drop into any site.
No dependencies
Plain HTML, CSS and JavaScript. No jQuery, no framework and no build step.
Markup-driven
Turn on validation, conditional logic, save progress and more with simple data attributes.
Smart validation
Required, email, phone, patterns, file size, password strength, card numbers and custom rules.
Conditional logic
Show or skip fields and whole steps based on earlier answers, with no code.
Save and resume
Answers are stored in the browser so visitors can pick up where they left off.
5 progress styles
Numbered steps, progress bar, dots, sidebar and circular progress.
4 layouts
Centered card, split screen, full-screen one-question-at-a-time and modal popup.
8 color themes
Switch themes with one attribute, or set your brand color with a single CSS variable.
Dark mode
Light, dark and automatic modes that follow the visitor's system setting.
RTL ready
Built with logical CSS properties, so Arabic and Hebrew layouts work out of the box.
Accessible
Keyboard navigation, focus management, ARIA live announcements and reduced-motion support.
Rich inputs
Drag-and-drop upload, signature pad, ratings, tags, OTP, calendar, sliders and steppers.
Review step
An automatic summary of every answer with links to edit each step.
PHP mailer included
A secure send-mail.php with spam protection and file attachments.
Detailed documentation
Step-by-step guides, a full attribute reference and the JavaScript API.
Up and running in three steps
- Copy the assets folder into your project.
- Link the CSS and JavaScript files in your page.
- Paste a form from any demo and edit the fields.
<form class="msf msf-card" data-msf
data-msf-progress="steps">
<section class="msf-step" data-msf-step
data-title="Contact">
<input class="msf-input" type="email"
name="email" required>
</section>
<section class="msf-step" data-msf-step
data-title="Message">
<textarea class="msf-textarea"
name="message" required></textarea>
</section>
</form>