Here are some tools, resources and recommendations you may find useful for your next or any future projects. Will continue to grow 😉
With this crumb we can simply create what is commonly known as floating form labels. A UI effect that allows you to display form labels as placeholders initially and animate them to typical labels.
Add a custom date picker to your form for consistent date input. No more manually typing it in for your visitors. Customize the look to match your design.
Now you can add really nice custom buttons for your products quantity field. This is great so users don't have to type the amount anymore.
Prevent spam with this awesome code snippet that validates the submission by answering a simple math problem.
Simple code to stop or prevent the enter or return key from submitting a form.
This awesome code crumb will hide the submit button on any form until the email is validated in the email input field. Adds a really nice visual experience.
This snippet allows you to customize the select field for your forms replacing the default select UI and UX for an arguably nicer one.
This small snippet allows you to animate or add a transition to your placeholder text when an input field is focused. You can expand on the transition animations to whatever you'd like.
This small bit of CSS will remove those unwanted shadows that show up on Safari's default input field styles. This way your forms input fields can look the way you intended them to.
This code will reset your Webflow form after submit without hiding the form and still showing your success message. This is great for multiple submissions for different use cases.
Know when new crumbs drop!
Never spam. Just honest updates about new snippets!