Online branding for the popular Antwerp based café. Webdesign by Roem. Features bold colours, a calendar, animated buttons and several CMS collections. Soon to be online here: https://www.barleon.be

BAR LEON - inviting website for a popular bar

Luxury decking construction company website.

Lanai Construction

I searched in the Webflow Showcase section and in the forums to only find that people used to have some problems with it. One demo I found was cool but wasn't working flawlessly (upon scrolling back up occasional flickering occurred). So I searched further and found a clean and easy solution from Chris Coyier from March 2020 and recreated his demo here in Webflow.

Footer Scroll Reveal 2020

Hey Webflow tribe ! 😁

Here is a Collection of 10+ Testimonials Components.

We all know how important social proof and testimonials are important to convert your visitors into buyers/leads/subscribers/...

So testimonials are definitely a MUST on your website !

Feel free to clone this collection of 10+ Testimonials Components and copy/paste the one you need into your own projects !

It's gonna save you tons of time ! ;D

- - -

Don't forget to go check out our Webflow UI Kit ! It's free ! (and clonable ;D)
=> http://nocodetribe-webflow-ui-kit.webflow.io

- - -

For more Webflow components & tutorials, visit our website :
=> www.nocodetribe.com

10+ Testimonials - NoCodeTribe Collection

Hey! 👋

Here's a simple cloneable SaaS page to kick start your own build
Full illustration collection/ licence from UI8 (link below)

Enjoy!

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Twitter @ www.twitter.com/t_bekkers

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

✒️ Licence Notes:

⦿ Images available under CC0 (Unsplash, Pexels, Freepix or Similar)
 ⦿Illustrations from UI8 (https://ui8.net/anton-mishin/products/kukla-kit)
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Cloneable Saas Landing Page

Just a quick attempt at replicating something seen elsewhere—can definitely be improved upon but hopefully enough to demonstrate the principle. Interested to see anyone's improvements or other ways of achieving this effect!

You need to have a decent amount of content above and below this at the moment for it to be effective. Play with the interaction assigned to 'outer block' to tweak.

Section based progress line

Here is a short tutorial to the popular effect of blurring elements scrolled behind the nav.

I hope you enjoy it :)

Blur behind nav - Tutorial

A Database-Driven Web App Built in Webflow for Job Seekers

louisianajobconnection

This is an example of how to randomly order content on each refresh using custom code. I tried this because the standard random order setting in the CMS wasn't giving a new random order every time (this seems to have been improved now but maybe is still not consistent). Just showcasing because I've seen it requested but was an experiment, may update it a bit later but you can clone it to see how it works.

My example was for when I get a chance to work on some music stuff, pick one or two things I'm going to do at random.

You can see in the custom code there is a class name which has to be assigned to the cards. There's also an non-cms version at /nocms

Randomly Order Cards (with CMS)

I'm on a mission to prove that you can build practically anything with Webflow and nocode tools. So I natively developed the entire PS4 experience for desktop and included nearly every feature.

Protocore develops websites and advanced software prototypes for startups.

Rebuild → Playstation 4

FEATURES:

- Step counter
- Custom confirmation animation
- Custom checkboxes

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/flowbase.co

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

✒️ Licence Notes:

⦿ Images available under CC0 (Unsplash, Pexels, Freepix or Similar)
⦿Typography available under SIL Open Font License 1.1 (Inter)
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Multi Step Form Webflow

Free list of 257 countries of the world, this input together with the list you can copy to your project. I hope this will save your time.

This project is available for cloning, as a thank you, please put a Like, as well as see my other projects.
By webflow-experts.com

Pre-filled list of countries of the world for webflow form

Price calculator using custom java script code.
By https://www.webflow-experts.com/

Calculator

Yup, our first "official" handshake with the rest of the planet. We tried our best to build something enjoyable to use, whether you're 5 or 85. Simple, chunky and graphic, but staying functional (we hope), we like having a site that feels a little like Lego.

Okalpha

Flowbase is the largest Webflow resource site for Webflow Experts and Beginners. Cloneable Assets, Templates, Guides, Videos & more.

⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/flowbase.co

Flowbase | Webflow Assets & Tutorials

Hey everyone! Just playing with some super simple headline highlight effects, and thought I'd share them with you! Enjoy!

Headline Highlight + Display on Load/Scroll/Click

Experimental multi-step form created with the Webflow slider component.

Clone-away!

Multi-Step Form

A basic experiment with a full-width dropdown panel that appears when hovering over navigation links.

Roberto Meireles