Form design examples
Hundreds of creative, innovative, well designed form ideas & examples.
Muzli collects new design work from 200+ sources every day. This collection picks the best of it and changes as new work comes in.
Sign Up Form
Contact Form section for Inboxify
Klaviyo Signup Form
Contact Form of Dashbar - Framer Personal Site Template
Contact form — Untitled UI
Pill interaction and form design🧑💻
Contact Form
Custom form fields type select
Minimalistic contact form with infield, floating labels
Signup Form for CaptureApp
Login Form ( Only CSS )
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
Signup form
Form Design
Contact Form Modal UI
Emoji Form Validation
Flink - Sign up form and illustration - First Version
Form Validation: MailChimp with Ajax Submit - Result
Login Form
Interactive Spooky Login Form
See the Code - See it Full Page - See Details The floating ghost will follow your typing with its eyes, smile when you type a valid email, and cover its eyes when you are writing the password. So there's no peeks, only boos ( This Pen uses: HTML, CSS, Babel, and Babel
Form UI Validation Animation
Web Forms in a Wizard
Another preview of the web application the @VISLA team designed recently. Follow @VISLA for more updates on the project. Want to work with us? Email: hello@visla.co
Brutalist Inspired Login Form with HTML5 Pattern Validation
BrewBroker Registration Form
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
No Script Form Validation
Responsive Login Form
Credit Card Checkout Form Page
Daily UI challenge 002 - this is a credit card checkout form for a home decor store. I've officially been invited to Dribble thanks to @[902300:M DESIGN]!
Login form UI Design
E-commerce checkout form
The Ultimate Form Validation
Clean Log In and Sign Up Form
Login form 1.0
LOGO FORM Design agency
Material Design contact form
Mobile forms
#Daily UI_001_Signup(Registration Form)
I need to develop it more, and....here it is :) This is a usual form for consultancy of studying abroad. Try to design only with basic components.(txt, line...etc.) Feedbacks for advancement are always welcome!
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
Login Form Templates
Form Validation of Input Controls in WPF Applications
I have done by illustration concept for "Form Validation of Input Controls in WPF Applications" I hope you like it and give your feedbacks. Made with Sketch App
Daily UI #0001 - Sign Up Form
Daily UI challenge #001, Version Mobile 2019 1/365 - Sign Up Form Available for design work: contato@iamarino.com.br Follow on Behance , Instagram Press L to show some love Thanks!
Modern Login Form
Hello Dribbble! For me it's a dream come true to join this community. Thanks to @[1267244:Amandeep Kaur] for the invite, and sorry for the wait. All the feedback is welcome. Press "L" for some love. More coming soon. This is my debut shot!
Mobile Form UI Design
Daily UI 001 - Sign Up Form (Fixed Negitive Space)
Simple Form Design Screen 1/3
Ouch Vector Illustrations: Sign up Form + Workspace
New Sign up form + Workspace illustration soon will be available in Ouch! Illustration library. The style called Arabica. You already can download other illustrations in this style. Credits to @[448511:muratkalkavan] Icons8 | Moose Photos | Lunacy| Ouch.Pics | Fugue Music
Login/SignUp Form
Giving invisionStudio a try. Its UI is easy and very simplified and I'm really eager to work more with it.
W01 - Login/ Signup Form
The start of my weekly design challenge. Tools used : Jade, SCSS, JavaScript
Free Form - UI !!
Web forms
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
Registration form concept
Contact Form Interaction
Sign Up Form | 001
Conformy - PHP Ajax Modern Contact Form
Communicate with your customers via SMTP with its modern and stylish design. With the modern pop-up selection box, your customers will be able to choose topics when sending messages to you. You will use the form over SMTP, whether from gmail or your own host. The form is completely safe and developed using the PHPMailer class.PHP’s own mail () function does not work because some hosts are closed. But SMTP (PhpMailer) is supported by almost all hosts.Support will be provided on product installation. Start the contact section of the site with Conformy. Your customers will be satisfied with its modern and stylish design. Main Features: Fast Support Based on Bootstrap 4.3.1 Built with SCSS Live Validation Custom Captcha No Page Reload No Database Required No Error! HTML5 & CSS3 Valid HTML5 & CSS3 Full Responsive Easy Customize No duplicate send errors Auto Reply on the mail side PHPMailer Used & SMTP SSL Support Clean & Modern Design Cross Browser Support Well documented Live Preview
Updated Contact Form
Hello guys! Continuing the topic of Wadoo. New Look we would like to share the cases screen of our website and the contact form. Our desire to renovate and give a breath of fresh air to our website and resulted in this marvellous composition. We are passionate about our work. Thus, we intend to showcase this passion through the cases screen. Our successful works mean much to us. A new request screen is something we made especially for our users. We appreciate every request. Thus, we made it easy and fast to reach us out. More is yet to come. Press “L” to share your love and don't hesitate to share your thoughts. Thanks for watching! Let’s connect: wadoo.space | LinkedIn | Facebook | Instagram | Behance We’re available for new projects! Tell us more at hello@wadoo.space. Would you like to join our design team? Send your portfolio at yuliia@wadoo.space.
Daily UI | 001 - Signup Form
Better late than never! Starting the DailyUI challenge with a twist. I decided to go on my own pace and complete my goals of mastering a certain tool/program/software, rather than creating for content. Let's see how this goes!
Daily UI 002 Design a credit card checkout form
Design a credit card checkout form or page. My Daily UI experience. I will glad to see your comments and to take criticism. Thank you! #DailyUI
Registration form
The illustration I used in this shot is not mine.
" 📑Paper vs Mobile Forms" Illustration
Work remotely. Stay safe ❤️ Created a social media post for Fluix – SaaS workflow automation system. The horizontal solution, that can be effective for thousands of employees in different industries, from renewable energy to aviation.
Yoga | Login form
Sometimes all we need to relax and meditate :)
Sign In / Sign Up Form
Hello, I am starting a daily coding UI challenge. Feel free to check it live on codepen: https://codepen.io/Darjan_Gardinovacki/pen/gNYEqe Cheers!
Registration Form for E-Signature flow
Here's Registration flow interaction for one of my esteemed client. Like it if you loved the flow.
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — freeRegistration Form for E-Signature flow
Get access to thousands of freshly updated design inspiration pieces by adding Muzli to your browser.
Loved by 900k designers worldwide, Muzli is the leading go-to browser extension for creative professionals.
What form design patterns actually reduce abandonment and increase completion?
Form design is where UI theory meets user psychology. The research is clear: every additional form field reduces completion rates — studies find an average 25–30% drop per field added beyond 3. The job of form design is ruthless prioritization: remove every field that isn't strictly required at this step, and defer everything else to after signup. Design doesn't overcome bad form architecture — it can only reduce the friction of a well-architected form.
What is the difference between inline validation and error-on-submit?
Inline validation — showing errors as the user fills each field — outperforms error-on-submit for forms with 5+ fields. Users correct mistakes in context rather than scrolling back to find which field failed. The pattern that works: validate on blur (when the field loses focus), not on keypress — validating while typing feels aggressive and interrupts flow. Show success states (a green checkmark) as well as error states — positive feedback maintains momentum through long forms like checkout or registration.
How should form design adapt for mobile devices?
Single-column layouts are not optional on mobile — multi-column forms are nearly unusable at 375px and below. Use appropriate keyboard types for each field: numeric keyboard for phone numbers and codes, email type for email addresses, autocomplete attributes throughout for browser autofill support. Label position should be above the field, never inside as placeholder-only — placeholder labels disappear on input, forcing users to remember what was asked.
All collections
UI design
Screens & flows
Apps
Components
Kits, mockups & icons
Web design
Websites
Pages & sections
Graphic design
Posters & print
Marketing
Illustration & motion
Type & graphics
Branding
Logos & identity
Packaging & stationery