![Basic Form](https://www.siteinspire.com/share.png)
Form design examples
Hundreds of creative, innovative, well designed form ideas & examples.
We curate topical collections around design to inspire you in the design process.
This constantly-updated list featuring what find on the always-fresh Muzli inventory.
Last update: 7/26/2024
![Basic Form](https://www.siteinspire.com/share.png)
![Form](https://cdn.dribbble.com/users/251359/screenshots/3431282/form.png)
Form
![Flat Registration Form UI](https://dspncdn.com/a1/media/692x/82/ce/61/82ce61418005fe0714818db1d792f7b7.jpg)
Flat Registration Form UI
![Application Form](https://cdn.dribbble.com/users/92629/screenshots/3375367/application.png)
Application Form
![Login Form](https://cdn.dribbble.com/users/1628133/screenshots/3605865/omar_dsoky_login_form.png)
Login Form
![Contact Form](https://cdn.dribbble.com/users/273461/screenshots/3235708/artboard_copy.png)
Contact Form
![Profile Form UI](https://cdn.dribbble.com/users/384132/screenshots/3866833/122.jpg)
Profile Form UI
![Designing form](https://cdn.dribbble.com/users/110792/screenshots/4902584/form-design.png)
Designing form
We're designing some nice madlib style forms for a new product page. Also trying some new geometric pattern background.
![Sign Up form](https://cdn.dribbble.com/users/237595/screenshots/3321028/123.jpg)
Sign Up form
![BigTex Form](https://cdn.dribbble.com/users/104117/screenshots/3212973/form.png)
BigTex Form
![TEST PILOT COLLECTIVE form](https://dspncdn.com/a1/media/692x/61/a9/8c/61a98c380fec6e3a420a88fb5406cb33.jpg)
TEST PILOT COLLECTIVE form
TEST PILOT COLLECTIVE form pixel pilot collective anti aliased test green
![Form](https://cdn.dribbble.com/users/324709/screenshots/3384200/form.png)
Form
![Form](https://cdn.dribbble.com/users/1541318/screenshots/5183748/form_4x.jpg)
Form
Here's the order form of a well known Perepichka in Kyiv
![Registration form](https://cdn.dribbble.com/users/1987399/screenshots/6228456/desktop_hd.jpg)
Registration form
Currently working on this, and will be making it interactive soon! :D
![Simple Form](https://cdn.dribbble.com/users/3156696/screenshots/6205111/simple_form_4x.png)
Simple Form
![Contact Form](https://cdn.dribbble.com/users/1917767/screenshots/5749559/contact-form_4x.jpg)
Contact Form
![Assessment Form Concept](https://cdn.dribbble.com/users/1070865/screenshots/4315060/assessment-form-800x600.jpg)
Assessment Form Concept
![Intern Onboarding form log](https://dspncdn.com/a1/media/692x/f9/34/00/f93400d83b27e3803e215086da6bedf8.jpg)
Intern Onboarding form log
![swissmiss | Gift Complaint Form #complaint](https://dspncdn.com/a1/media/692x/ba/46/08/ba46084f77bd6c0c4b692b3a789140ed.jpg)
swissmiss | Gift Complaint Form #complaint
![Stepper/Form](https://cdn.dribbble.com/users/3042439/screenshots/14231575/frame_77.jpg)
Stepper/Form
Some shots from my recent project
![Login Form](https://cdn.dribbble.com/users/423654/screenshots/3960256/dribbble_shot.png)
Login Form
![Checkout form](https://cdn.dribbble.com/users/259982/screenshots/3151351/preview.png)
Checkout form
![Form view](https://cdn.dribbble.com/users/135881/screenshots/3501389/7.png)
Form view
![Signup Form](https://cdn.dribbble.com/users/980214/screenshots/3233967/qless_small.png)
Signup Form
![Sing Up form](https://cdn.dribbble.com/users/237595/screenshots/3321028/123.jpg)
Sing Up form
![Form expanding interaction](https://cdn.dribbble.com/users/261987/screenshots/6038594/certificate_forms_preview_4x.jpg)
Form expanding interaction
For Embroker insurance app I've designed a way that user can send policy certificates to business partners. This is just one part of the flow, for showcase. Form is expanding related to what is selected, but some fields are hidden and others are not. It is small at the beginning and "grows" as user is filling it. This came from series of user interviews where we figured out that there are two mayor needs here: - to generate quick certificate (one and only) for more than 80% of users, and not make them scared on first look. - to make specific certificates for certain location, policies or carriers. For example, if user wants certificate of liability, he doesn't need any location info. But if he wants property related certificate, then he has multiple location options. All locations are selected by default, and if single location is selected there is preview of default location. Also Property policies are selected related to previous choice. This is the way user can learn and progress through the form, not being confused at start.
![Form UI Design](https://cdn.dribbble.com/users/883236/screenshots/4462056/day_547_form_ui_design-.png)
Form UI Design
![User Info form](https://cdn.dribbble.com/users/941761/screenshots/4522248/_1xuser_info.png)
User Info form
![Form Elements](https://cdn.dribbble.com/users/2875315/screenshots/6285442/form-elemets.png)
Form Elements
![Request Form](https://cdn.dribbble.com/userupload/2745800/file/original-cf7730658b48d7fe53478497ce777e84.png?resize=1600x1200)
Request Form
![Insurance Quote Form UI](https://cdn.dribbble.com/users/180062/screenshots/4750387/quote.png)
Insurance Quote Form UI
Insurance Quote Form UI Twitter | Instagram
![Form Field](https://cdn.dribbble.com/users/158676/screenshots/3325868/dribbble-walkthrough-formfield.jpg)
Form Field
![Day 001 - Login Form](https://cdn.dribbble.com/users/1016535/screenshots/3356305/day_ui_001_.png)
Day 001 - Login Form
![Shipping form](https://cdn.dribbble.com/users/941761/screenshots/3108459/shipping.jpg)
Shipping form
![Form Santé](https://cdn.dribbble.com/users/287862/screenshots/3332752/octavdesign-form-sante.png)
Form Santé
![Form Property](https://cdn.dribbble.com/users/1148781/screenshots/3172782/form_property.png)
Form Property
![Registration Form](https://cdn.dribbble.com/users/16485/screenshots/3205520/registration_form-shot.jpg)
Registration Form
![Login Form](https://cdn.dribbble.com/users/1604505/screenshots/4648727/dribbble_card.png)
Login Form
![Web App Form UI](https://cdn.dribbble.com/users/384132/screenshots/4098450/201_web_app_form_ui.jpg)
Web App Form UI
![Contact Form 01](https://cdn.dribbble.com/users/1917767/screenshots/6201774/contact-form-01_4x.jpg)
Contact Form 01
Contact form for the crypto website.
![Payment form](https://cdn.dribbble.com/users/958209/screenshots/6254697/002_full_4x.png)
Payment form
Daily UI Challenge — 100 Day #002 Card payment form in water delivery app.
![Contact Form](https://cdn.dribbble.com/users/2415948/screenshots/5935953/contactformcontact.jpg)
Contact Form
Design idea for a contact form that I didn't end up using in the final version of the website, but I still think it's cute.
![Form Login](https://cdn.dribbble.com/users/1635466/screenshots/4601694/web_1___1.png)
Form Login
![82 Form](https://cdn.dribbble.com/users/124426/screenshots/3116996/_82---form.png)
82 Form
![BMW Form](https://cdn.dribbble.com/users/2666206/screenshots/6092606/bmw_-_form_01_4x.jpg)
BMW Form
BMW Form. Keep in touch, just for fun. Thks for feedbacks :)
![Signup Form](https://cdn.dribbble.com/users/2709958/screenshots/6669647/artboard_4x.png)
Signup Form
Hi guys, This is my first shot. Sing up, Sign in form mobile version. Hope you like it. Don't Forget Press L for like. Thanks.
![Form styles](https://cdn.dribbble.com/users/1069653/screenshots/3172725/ui_01.png)
Form styles
![Form](https://cdn.dribbble.com/users/874960/screenshots/3231412/form.jpg)
Form
![Survey Form](https://cdn.dribbble.com/users/768471/screenshots/3175413/survey_form_display_copy.png)
Survey Form
![Contact Form](https://cdn.dribbble.com/users/1531907/screenshots/3181426/contact_form.png)
Contact Form
![FORM&PRESS](https://mir-s3-cdn-cf.behance.net/project_modules/1400/6e5daf78335975.5ced4235f3544.png)
FORM&PRESS
FORM&PRESS is a sportswear brand from Seattle, WA.
![Form login](https://cdn.dribbble.com/users/227232/screenshots/4429371/login.png)
Form login
![Form validation](https://cdn.dribbble.com/users/777855/screenshots/3213843/processing_info_1.png)
Form validation
![Contact Form](https://cdn.dribbble.com/users/480927/screenshots/4961242/contact-jreading.png)
Contact Form
Contact us form ----------- Follow Me Instagram | Twitter
![Login Form](https://cdn.dribbble.com/users/304353/screenshots/3167176/dribble_image_11.png)
Login Form
![Contact Form](https://cdn.dribbble.com/users/2418133/screenshots/4847238/screen_shot_2018-07-19_at_16.37.05.png)
Contact Form
Hey guys, I'm working on a new contact form for a concept website.
![Login Form](https://cdn.dribbble.com/users/1445352/screenshots/3373108/dr.jpg)
Login Form
![Sign Up Form](https://cdn.dribbble.com/users/1038204/screenshots/3373306/preview.png)
Sign Up Form
![Contact Form](https://cdn.dribbble.com/users/193117/screenshots/3319727/shot.png)
Contact Form
![Signup Form](https://cdn.dribbble.com/users/381573/screenshots/4377569/upgradeform.jpg)
Signup Form
Get access to thousands of freshly updated design inspiration pieces by adding Muzli to your browser.
Loved by 750K designers worldwide, Muzli is the leading go-to browser extension for creative professionals.