This map uses the CMS for each location and displays a popup and info card on click for each location. The items are placed using hidden a lat and long field and the rest of the information is displayed upong click. This approach does use custom JS and Jquery code found in the code editor. 

Video on how I made this:
https://youtu.be/Wd76ZwMCGzc

This site was made on top of an existing clonable by Corey Moen found here: 
https://webflow.com/made-in-webflow/website/cms-mapbox

CMS Map with Info Card using Mapbox

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.


Webflow Logic - Marketing Site with Pricing Estimator

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

A little Javascript action to make my cool DnD character names possible

DnD Name Generator

Stunning original theme by Jordan Hughes! I just added these nifty little color changing buttons with some Jquery

Color Changing Theme Buttons

Did some learning and then some tweaking of T-Ricks Quiz clonable to include images! See if you can get all the constellations :)

Original:
https://webflow.com/website/Interactive-CMS-Quiz

Video: 
https://www.youtube.com/watch?v=7dqkTII2bPU&t=8s

Constellations - Images Quiz

website more like breadsite

I really wanted to turn a scrollbar into a baguette and that is all this is. 

lil vid on the channel soon

Custom Image Scrollbar

Just a more basic version of the image range slider!

Image Range Slider - Basic

A website harkening back to the Windows 98 days with a fun cats with jobs spin. 

It isn't 100% mobile friendly yet and I welcome any feedback on how to make it better! I had a bunch of fun making the little windows popup and small features throughout. 

Feel free to clone and make it your own! Video on how I made this at the YouTube link below:

https://youtu.be/K7wp_D-tZHc

Retro Desktop

This range slider takes a number and calculates the output into a certain number of images. Great for dollar to impact calculation for charity donations!

clone and make it your own babies

YouTube Video about the process at link below:
https://www.youtube.com/watch?v=B-Almh-4iXQ&t=3s

Image Range Slider

Easily the dumbest thing I have ever made. Or is it the most genius? Who's to say.  

Created using Webflow CMS and JetBoost "like" feature. 

See how I made it in this video:
https://www.youtube.com/watch?v=g49D1c0fOTc

KC Katalbas