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
Pill interaction and form design🧑💻
Contact form — Untitled UI
Contact Form
Custom form fields type select
Signup Form for CaptureApp
Signup form
Contact Form Modal UI
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
Login Form
Form design
E-commerce checkout form
Login Form Templates
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
W01 - Login/ Signup Form
The start of my weekly design challenge. Tools used : Jade, SCSS, JavaScript
Free Form - UI !!
Registration form concept
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
Registration form
The illustration I used in this shot is not mine.
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.
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
" 📑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.
Multi Step Sign Up Form
Created a mockup for a multi-step signup form
Galicia Move — Sign up form
Hi there! 👋🏻 This is the sign-up form users go through when creating a Galicia Move account. The goal was to make the flow feel less like a chore and more like a quick conversation, hope you like it! Here’s some more Aeromagic for ya’ ✨ Our website — Facebook — Twitter — Instagram
The Glyph Login Form
Good morning, friends! We actively work on updates for our website. In the near future The Glyph studio plans to share useful tools with designers. Start small, this is a login form, which we will use for registration in the system. Further - it is more, stay tuned for our updates! The Glyph | Behance | Instagram | Twitter | Facebook | Linkedin | Medium
Amazon signup form
Daily UI Challenge #001
Form Validation (Interaction Design)
Let's talk! - Personal Website contact form
Registration form design
Hi! Guys! This is shot with a registration form. Show your 💜 Press " L " Image from pikisuperstar / Freepik
Web Sign-in/Sign-up form - DailyUI Challenge #001
Oh my God I could finally post my first shot on Dribbble after struggling with the gif upload error message for ages... But here I am! Really excited to join with my first piece for DailyUI challenge #001 on designing sign in/sign up form for web interface. Thanks for watching!
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
Checkout Form
🔥HOT or 🕳NOT ? #Dailyui #002
Side login form
Experimenting with the sidebars
Travel Sign up Form!
Daily UI 026 — Sign Up Form
Day 026: Email Newsletter Sign Up
Dark sign up form
Sign-up Form Guidelines for Geetest Web
Elm Form Validation Sketches
#dailyui 001 sign up form
Tickr - Login Form
Hotjar Sign Up Form
Daily UI 002 Checkout form
Realstax Sign Up Form
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
Contact Form Line Icons
Yes Finance - Form & UI Design
📡 WiFi Login form redesign
Registration form for LiveTex
Contact Form States
Contact Form uix
Increasecard • Contact form
Design Contact Form on Sketch
Contact form — Untitled UI
Sign Up Form
Contact form — Untitled UI
Signup form
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — freeSignup form
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