Great collaboration for TUFF Group.
https://tuffgroup.com/

-- UI / UX Design & Project Management -- 
Daya Solution (https://www.dayasolution.com)
Creative Director: Eugene Foo

-- Development --
Brota (https://brota.me)
Lead Developer: Alex Iglesias

TUFF Group - Project by Daya Solution & Brota

Important note: This project is no longer maintained in favor of the upcoming (and more advanced) Form Logic project that I'm working on in Finsweet. Feel free to play around with this app as much as you want, but I recommend you don't use it in serious projects as I won't be offering any support for it!

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

Use this builder tool to create advanced forms in just a few clicks, without writing one single line of code!

MULTI STEPS
- Multiple steps with input validation
- Additional options like alerts, custom interactions, displaying values, sending hidden forms, and much more.

CONDITIONAL LOGIC
- Build workflows that show, hide, enable, disable, require or unrequire inputs depending on your logic.
- Trigger custom animations when your conditions are met.

More features comming soon. Play around with the builder and let me know if you find any bug, have a request, or need help using it.

Advanced Webflow Forms - Multi Steps & Conditional Logic

Just playing around with Svelte.
Simple budget app designed in Webflow and coded with Svelte.

Svelte + Webflow Budget App

Just playing around with custom code and trying to integrate Webflow interactions in the app.
Check the game or clone the project!

If you like it, you can give me some love with a simple click!

Tic Tac Flow - A tic tac toe game made in Webflow

Here's a quick guide on how to implement Google Places API in order to use the Autocomplete feature.

You can check it and follow the steps if you want to use it in your project!

Google Places Autocomplete in Webflow Forms

The title says everything, check it out and feel free to clone it.

Radio Inputs Animation w/ Webflow Interactions

There are some times when you need to prevent the user from scrolling when a certain event occurs. An example could be when a modal is opened after clicking a button.

Use the code in this project to easily prevent the users from scrolling when clicking any element.

Disable Scrolling on Click (compatible with all devices)

This multi step form made with the slider widget has some added functionalities in custom code:

- Automatically detects all the required inputs in each step.

- Input validation: it won't let users jump to the next step if all the required fields are not filled, warning to fill them.

- Auto fit content: As the form uses the Webflow's slider component, the script fits the height of each step's content in any device.

- Input confirm: Last step shows a list dynamically filled with all the inputs that the user provided.

*Used font is not valid for commercial purposes.