Discover the best custom-form websites created by professional designers. Get inspired and start planning your perfect custom-form web design today!

Memberstack

MemberStack is a designer-friendly membership platform that works with Webflow.

------------

You can now design your own custom forms to collect/update member information at any time.  Perfect for multi-step signup flows and updating custom profile fields.

Before, you could only collect member data during signup, and your members had to use the profile modal to make changes.

------------

To get started - create a free MemberStack account, and add the URL of your new site during setup.

Multi-Step Signup

#9 - Custom Signup and Profile Forms

Using Webflow interactions to make a multi step survey out of the form widget.

multi-step-survey

Multi Step Survey

Using Shopify with Webflow has never been easier with Buy Buttons.

Shopify and Webflow

shopify-webflow

Features:
- Overrides browsers default [ugly] validation bubbles 
- Custom hint text to guide users when errors are present
- Custom form success animation

To Do's:
1) Cross-browser testing
2) Add / verify support across all input types (dropdown, checkbox, etc.)
3) Add / verify support of numeric validation logic (dates, numbers)

Lib Dependency: https://jqueryvalidation.org/

Custom Form Validation

Custom Form Styling

Examples of how to customize and extend the Webflow Form Widget

Custom Forms

custom-forms

Wrapp

Use this example to build your own custom form with styled errors. | Checking for filling in required fields and correct emails | Functional "Enter" key | Error state for required fields | No need in code writing, just add some attributes. Don't forget to paste our script!

Custom form validation

Custom form errors and validation

Калькулятор

Calculator

A simple animation for form labels during focus-in and focus-out. The trick is pretty easy. The custom code just add/remove a combo class based on the condition applied on the form inputs. Using similar method you can be creative a create all sort of animations.

If you need help in implementation, DM me. I'll be around.

Have fun cloning. 😄

====================

💖☕ Support us by buying us a cup of coffee.

If you enjoy our content, please consider supporting us. Your support will help us grow bigger and provide the community with better content.

https://www.buymeacoffee.com/sketchzlab

===================

💌 Follow us on social media.

Facebook @ www.facebook.com/sketchzlab
Instagram @ www.instagram.com/sketchzlab/
Twitter @ www.twitter.com/SketchzLab
Webflow @ www.webflow.com/SketchzLab
LinkedIn @ www.linkedin.com/company/sketchzlab/
YouTube @ www.youtube.com/channel/UCAEXTAQ7IAG71rsJ1ehBnzQ

sketchzlab-cloneable-16

Custom form label on focus

responsive-fibonacci-layout

responsive fibonacci layout

Search Form

A design with a date input field setup to submit to the Webflow dashboard. This example also include custom JavaScript to restrict the dates users are allowed to submit.

date-picker

example of a date input field with custom JS

Three hover interactions that create frames around these photos.

frame-interactions

PHOTOS IN ANY ENVIRONMENT

Собираю суда все фишки с Webflow (мой проект)

my template7

Видеофон

Videofon

Custom website for a notifier client. CMS driven "Services", big homepage hero video and custom form logic to drive the "Time Frames" results.

Discover custom form websites built by the Webflow community

Discover custom form websites built by the Webflow community