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

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 Forms Builder

Advanced Webflow Forms - Multi Steps & Conditional Logic

A calculator! Math! Here's a video on how I built it and how you can use it too: https://youtu.be/V7rFH6_9-70

Note: In order to fully leverage this cloneable, you need access to Logic beta. Anyone can sign up here: https://webflow.com/logic. 

This is a cloneable project for marketing sites with a lead capture form, in this case a pricing quote generator for a photography studio.

This project was built to demonstrate a common use case for Webflow Logic (currently in beta) --lead generation. One example of what you can automate with Logic is: User submits a form > conditional rule > HTTP request to create a new entry in Airtable. In fact, this logic flow is already built out in this site for your reference!

Logic brings the power of automation natively in Webflow, providing the building blocks for customers to create more impactful end-to-end experiences within their sites. You can keep an eye on https://webflow.com/logic to stay updated.


Logic Sample - Product Photographer Calculator

Webflow Logic - Marketing Site with Pricing Estimator

Flow Sparrow

PLEASE NOTE: In order to fully leverage this cloneable, you need access to Logic beta. Anyone can sign up here: https://webflow.com/logic. 

This is a cloneable project for agencies and other businesses that want a streamlined way to engage with customers and track project requests.

This project was built to provide an example of Logic beta and Memberships (now in public beta!), and includes built-in logic flows that empower user-generated content, lead gen, and more.

Logic brings the power of automation natively in Webflow, providing the building blocks for customers to create more impactful end-to-end experiences within their sites. You can keep an eye on https://webflow.com/logic to stay updated.

Flow Task

Webflow Logic + Memberships: Task Management Dashboard 

Webflow University

This is a cloneable project for marketing sites with a lead capture form, in this case a SaaS company inviting prospects to request a demo.

This project was built to demonstrate a common use case for Webflow Logic (currently in Beta). One example of what you can automate with Logic is: User submits a form, based on conditions related to the data entered, send an email notification to the appropriate team member.

This is just the beginning for Logic, so keep an eye on https://webflow.com/logic to stay updated. 

Logic Livestream — MeetSure

Livestream MeetSure | Submission Form

Evil Twins Studio

Your Website with Superpowers

Say hello to the Webflow Webhook Generator by Evil Twins, a no-code solution to create custom webhooks for your Webflow sites.

Send data from multiple forms on your site to different sources, sync your Webflow CMS with Airtable or Google Sheets, get notified about user account updates, record e-commerce purchases in an external order manager, plus more.

Take Webflow Logic in your project to the next level. Trigger a flow in Logic when a collection item is changed, a user account in Memberships is added or updated, e-commerce orders are completed, and other trigger capabilities.

Update your HubSpot CRM when a user account or collection item is changed, keep a backup of your CMS images in Dropbox, and publish a Twitter or Instagram post when something happens.

—

Create a custom webhook for your Webflow site in seconds *without* an API key.

* eviltwins.studio/webhook *

—

Shoutout to Devin Fountain from Good Time Agency for the animated preloader.

Webflow Webhook Generator

Webflow Webhook Generator by Evil Twins

This is a cloneable project for a job board with a built-in candidate tracking and rating system using Logic (currently in beta).

This project was built to demonstrate what's possible with Webflow Logic (currently in beta), the flow is constructed as follows:
- Candidate submits the form
- Webflow Logic assigns the Candidate a "Rating"
- All Candidates are sent to Airtable.
- For Candidates with a rating of 5 Stars the team will be notified via E-Mail, and even blink a Philips Hue light bulb!

Logic brings the power of automation natively in Webflow, providing the building blocks for customers to create more impactful end-to-end experiences within their sites. You can keep an eye on https://webflow.com/logic to stay updated.

Candidate Intake Logic Form - Cloneable

Job Site with Candidate Tracking & Rating

PLEASE NOTE: In order to fully leverage this cloneable, you need access to Logic beta. Anyone can sign up here: https://webflow.com/logic

This is a cloneable project for marketing sites with a lead capture form.

This project was built to demonstrate a common use case for Webflow Logic (currently in beta) --lead generation. One example of what you can automate with Logic is: User submits a form > conditionals based on the data fields > lead gets added to different CRM groups. In fact, this logic flow is already built out in this site for your reference!

Logic brings the power of automation natively in Webflow, providing the building blocks for customers to create more impactful end-to-end experiences within their sites. You can keep an eye on https://webflow.com/logic to stay updated.

Lead Magnet (Logic Exploration)

Webflow Logic - Web Accessibility Resource Lead Form

Use this dashboard to show clients the real results your website or digital marketing is driving.

I built the login with Memberstack, Synced the dashboard to the Webflow CMS, and synced the CMS to Airtable through Whalesync.

That way, Airtable is calculating numbers, Whalesync is pulling it into the Webflow CMS, and Memberstack allows your client to login and view their progress.

Perfect Dashboard

Marketing Dashboard Cloneable

Note: In order to use this cloneable, you need access to Logic beta. Anyone can sign up here: https://webflow.com/logic 

Creator: Aditi Desai, twitter.com/proteen_me

This is a cloneable project for marketing sites that allow customers to submit testimonials. In this case, if the testimonials are 4 stars or higher, they will be published on the site. If the review is lower than 4 stars and feedback is included, a team member is notified with the details.

This project was built to demonstrate a common use case for Webflow Logic (currently in beta) --user generated content. One example of what you can automate with Logic is: User submits a form > Creates CMS item > Conditions based on the data inputs > Send email notification to the team. In fact, this logic flow is already built out in this site for your reference!

Logic brings the power of automation natively in Webflow. Learn more: https://webflow.com/logic 

Webflow Logic: Marketing Site with Client Testimonials

Use this site to discover local concerts in your city, and listen to the music of those artists in Spotify. All of the logic is powered by Parabola.io - and just like Webflow, no code is required!

Discover Local

Discover Local Concerts

Note: In order to fully leverage this cloneable, you need access to Logic beta. Anyone can sign up here: https://webflow.com/logic 

This is a cloneable project for marketing sites with a lead capture form. In this case, it's for a fictional Space Stories Live Show that aims to sell tickets and connect with fans across the country.

This project was built to demonstrate a common use case for Webflow Logic (currently in beta) --lead generation. One example of what you can automate with Logic is: User submits a form > HTTP request to send form responses to Mailchimp (which emails customers when new show location based on the prospect's zipcode is announced). In fact, this logic flow is already built out in this site for your reference!

Logic brings the power of automation natively in Webflow, providing the building blocks for customers to create more impactful end-to-end experiences within their sites. You can keep an eye on https://webflow.com/logic to stay updated.


Webflow Logic - Space Stories Podcast Live Show

This is a testimonials collection powered by Webflow Logic (Beta) and the CMS. It allows customers to leave testimonials directly on your website through a form submission. These submissions will go directly to your "Testimonials" CMS collection for your review. Once published, these items will display live in the collection list.

Please note this cloneable requires Webflow Logic Beta access to work properly. Anyone can sign up here: https://webflow.com/logic.

Automated Testimonials Using Logic & CMS

Webflow Logic - Automated CMS Testimonials

Aleberry

Note: In order to use this cloneable, you need access to Logic beta. Anyone can sign up here: https://webflow.com/logic

This is a cloneable project for sites that feature user-submitted content, in this case a website that shares & promotes dog-verified places to eat, drink, and hangout in the DC area.

This project was built to demonstrate a common use case for Webflow Logic (currently in beta) --user generated content. One example of what you can automate with Logic is: User submits a form > creates new CMS item in draft > upon approval, auto-populates on the site. In fact, this logic flow is already built out in this site for your reference!

Logic brings the power of automation natively in Webflow, providing the building blocks for customers to create more impactful end-to-end experiences within their sites. You can keep an eye on https://webflow.com/logic to stay updated.

Webflow Logic - District of Dog

Note: In order to use this cloneable, you need access to Logic beta. Anyone can sign up here: https://webflow.com/logic

This is a cloneable project for agencies and other businesses that need a way to keep track of client requests and tickets.

This project was built to demonstrate a common use case for Webflow Logic (currently in beta) --user generated content. One example of what you can automate with Logic is: Client submits a form with their request > creates new CMS item > Auto-populates on the site > sends email notification to admins. In fact, this logic flow is already built out in this site for your reference!

Logic brings the power of automation natively in Webflow, providing the building blocks for customers to create more impactful end-to-end experiences within their sites. You can keep an eye on https://webflow.com/logic to stay updated.

Webflow Logic - Agency Project Requests Tracker

In this tutorial we'll take a look at how to build a simple comment system with Webflow CMS and Logic. It has a limited feature set but is a great way to get familiar with Logic, CMS, and some custom Javascript. It's also would work great for a small personal site that's in early growth stage, after which you could easily transition to a more robust service and implement via your own backend. As a bonus we'll see how to use ChatGPT to generate code that takes a time since unix epoch timestamp value (1680060062) and convert it to a human readable time format like "22 minutes ago".

Simple Comment System with Logic

This is a cloneable project based on coaching services provided by a fictional (but still amazing!) solopreneur named Angela. She invites her clients to submit testimonies directly through a form on her site, which she happily features to build her brand.

This project was built to demonstrate a common use case for Webflow Logic (currently in Beta) - User Generated Content. 

One example of what you can automate with Logic: When a user submits a form, it creates a new item in the CMS and upon approval, gets added to its designated place on the site (in this case, "what clients are saying").

This is just the beginning for Logic, so keep an eye on https://webflow.com/logic to stay updated.

Livestream Coaching

Livestream Coaching | Form

Memberstack

Hey everyone!

Here are some more signup and login forms for you, pre-integrated with Memberstack as always!

Sign In

Free Webflow Signup + Login Forms

🚀 Excited to announce Superform, our first in-house product – a next-gen library for building customizable forms inside Webflow without code, featuring Advanced Validation, Custom Errors, Logic, Step Teleport, Dynamic Outcomes and more! ⚡Try it now: https://superform-v1.webflow.io 🧵
Features: 
🎨 Customizable Design
🔍 Advanced Input Validation
🚶 Multistep or Single Step
📝 Value Recall
🔮 Step Teleport
🎲 Dynamic Outcomes
🏆 Point-Based Completion
📊 Progress Detection
🚫 No-code
⚡ Superfast & Lightweight
💻 Integrates Everywhere
🔜 And much more!
Try it now at https://superform-v1.webflow.io and sign up for official release. Interested in beta-testing? Comment "Beta" and I'll contact you ASAP. Huge thanks @0xJJW @alexiglesias_me @MariaMartinsPT @Alkoreielm for their incredible support!


Discover logic websites built by the Webflow community

Discover logic websites built by the Webflow community