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

A collection of useful animations made on wedflow.

Check out Webflow Samples 2: http://wfs2.webflow.io/

Webflow Samples

webflow-samples

Filter and Search Dynamic Collections using Isotope.

Dynamic Search

Isotope Search & Filter + Webflow CMS

ThreeSixtyEight

Watch the tutorial at https://www.youtube.com/watch?v=VqSEvzzLoVQ

CMS Map

Interactive CMS Map (Responsive - Collection List)

Finsweet

You can now build a **3D interactive globe** in a @Webflow website with no code!!! 😎 In 2020, Weglot and Finsweet joined forces to launch the most cloned showcase of the year.

This year, we're back with a clonable that'll blow your mind! 🤯 Learn how to build animated, interactive, and multilingual 3D globes in Webflow, controlled entirely by .JPG image! Use it to show your remote team's location, design a branded map, or build a cool-looking sphere that simply spins around. If you're feeling lazy, then just get started with our free cloneable!

✅ Compatible with Webflow CMS.
✅ Multi-language support.
✅ No 3D skills needed.
✅ No javascript skills needed. 100% attribute based.
✅ Pins and tooltips are 100% Webflow Designer friendly.
✅ Free source file templates to create custom globe images.
✅ Free Webflow cloneable.
✅ Endless possibilities.

Made with 💪 by Finsweet

3D Globes in Webflow

3D Globes for Webflow

The Webflow Editor is pretty intuitive, but that doesn't mean clients couldn't use a handy reference work on it. Which is why I built this site, and am now making it free to clone. 

So go ahead: clone it, customize it, share it with your clients. 

And if you or your clients have feedback on how I could make it even more useful, please let me know!

The client's guide to the Webflow Editor

Hi!

A free eCommerce template with a lot of cool components and elements. You might need JS and CSS understanding to properly use it.

- CMS based sliders
- Product gallery with slider
- Column sliders
- Grid layout for Product E-commerce Collection


*Update Notes:
Hero image Slider content is controlled by Ecommerce Collection List "Categories". If you want to change that to some other collection Please unhide the Element Named ".hero-slider-placeholder"


I learned a lot while the development of this template. Hopefully, you guys will find it helpful in your projects.

Any comments and reviews are much appreciated.

Design is a freebie by "Tran Mau"
https://dribbble.com/tranmautritam

Resources:

Finsweet CMS Library
https://cms-library.finsweet.com/

Thanks,
Kamran

Mass Ecommerce Store--Cloneable

Mass Ecommerce Template

Designflow agency

This is our 2nd cloneable design! 🎉🚀 Use it for free and do whatever you want with it. 

Check it out: https://overlay-images-navigation.webflow.io/.
Overlay images animations can be a simple way to enhance your site experience through delightful interactions.

This template is made with: 
✔️ CMS Images 

Follow me for more Webflow freebies in the future 💙

Overlay Images Navigation

Overlay Images Navigation — Cloneable # 2

This is an invoicing workflow that uses Zapier to allow you to send invoices to your clients by just filling out a form! 

Documentation: https://www.notion.so/Inflow-Doc-Beta-V1-0-4f1efa92bc14426cb4dc10d3134d2687

Feel free to hit me up if you have questions! :)

Inflow

Inflow - Send Invoices from your Webflow sites.

Webflow University

This is a fully-responsive, CMS-driven portfolio website in the Webflow Designer. Open or clone this project and interact with the layout. 

Check out the full project build on Webflow University. 
We'll create a custom, CMS-driven portfolio website that professionally showcases client projects.

https://university.webflow.com/courses/building-a-portfolio-website

Janet New York

CMS-driven portfolio

I'll show you a trick to control the size of CMS elements via a toggle to give your clients more flexibility in displaying CMS collections in Webflow.

Each CMS element has an example toggle "medium", "large" and "align Center". As soon as one of these options is active, a class is added to the element "grid-item" via custom code, which changes the size of the element or the alignment. The classes and sizes of the grid items can be changed in the hidden section-cms-grid. In order for it to work, the embed field in each CMS item and the jQuery code must be added.

Tutorial: https://youtu.be/DsuCGRSgJIk

Control Sizing of CMS Items with a Toggle

To announce this year's retreat location, we had six teams complete this game to discover the destination.

Road Trip Reveal

ThreeSixtyEight Road Trip

Cloneable one-page website. 👍
https://smpley.com

We provide an analytics dashboard (no coding required - we'll build in all the integrations for you). Contact me (jw@smpley.com) for a free dashboard. at https://smpleydashboard.com  - Built 100% in Webflow.

A Smpley Way of Doing Things

The new website for the Gaffa Creative Precinct in Sydney Australia. Powered by Webflow CMS.

GAFFA

Gaffa Creative Precinct

Welcome to Dribbble series, a new effort in which I attempt to bring to life interactions created by popular Dribble artists using only the elements supplied by Webflow! Today's project is based on 022 • Search by user Clara Boyle (https://dribbble.com/shots/5355680-022-Search)

Microinteractions are not only trendy, but a vital piece of user experience in 2018. Here's a simple, effective way to minimize and maximize a critical element of your site, the search function. with a simple click, the icon representing the action becomes the button for the action itself. Simple, easy, and intuitive. Clone away!

Search Interaction (022 • Search by Clara Boyle)

Trendy Search Interaction - 022 • Search by Clara Boyle - Joshwork Dribbble Series

Hello Webflow Lovers 👋 ,

Caddyflow Webflow Agency presenting a new clonable project for the awesome community! 

Enjoy!

💌  Email Us: hellocaddyflow@gmail.com
🌐 Portfolio: https://webflow.grsm.io/caddyflow-webflow-agency

Caddyflow Webflow Agency - Landing Page : Hush

Watch lesson at https://www.youtube.com/watch?v=VJ0swK8mbg4

Dynamic CMS Grid in Webflow

Have you or a client ever needed to filter a CMS collection? Webflow can't do it natively YET but Isotope JS provides a slick solution. Feel free to clone the site, see how it works, even use it on your own site. The custom JavaScript is in the embed element at the very bottom of the page.

CMS Filter with Isotope JS

CMS Collection Filtering with Isotope JS

Rebuilding the core structure of https://www.acnestudios.com website. Includes the eCommerce functionality along with the dropdown navigation, homepage and footer. 

Feel free to clone and see how we built it! 

©Acne Studio (all images)