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

There are so many fantastic projects in the Webflow showcase, and (if they're cloneable) you can copy & paste elements into your own projects. 

That's insanely awesome!! 

The only thing that's been missing from the showcase is the ability to discover projects with a quick search. This is the first step in that direction. More to come! 

Please like, follow, and subscribe for updates. P.S. I'm open to feedback and feature requests.

Search the Webflow Showcase - Find cloneable Webflow templates, UI kits, and more!

showcasesearch

My YouTube Webflow community asked for a nice grid design as a tutorial, so I recreated Vitaa Architects' Journal section as an example: have a look at the original website here: vitaarchitecture.com/journal

They didn't use css grid for their layout but I found it is a perfect use case for it. 
The grid contains several collection lists which are always limited to one item. This allowed me to create a more varied grid design.  

I also use a fluid design system. It scales down the grid on the desktop breakpoint from 1600px downwards. The custom CSS for this is written in the global-css embed.

Watch the tutorial here: https://youtu.be/9plbrIo4lfM

🖤

Free Grid Design Template (CMS ready)

A simple creative webflow portfolio template for digital creators and webflow designers.
With a pre-formatted free portfolio website template and an easily customizable page, you will get a Seamless Experience.
Responsive design and all the other features you need for creative webflow website templates for portfolio.
With the help of this webflow free template bring personality to your portfolio and show your best work with this portfolio template that's professional and trustworthy, with a hint of fun.
This is a one-pager portfolio website that I built from scratch in Webflow without code.
Feel free to use this webflow free template and play around with it to make it your own. It's all yours.

Portfolio

Portfolio website template - Free Webflow Cloneable

Hey all,

I was playing around with overflows to create a one page multi windowed site for personal or creative use. Feel free to clone and edit.

Check out this link for help: http://forum.webflow.com/t/help-with-focus-template/8554

Arthur

Focus

FREEBIE: Focus Template

Hi! I'm Mads 👋

Happy to share this portfolio site for webdesigners. Simple responsive one-page with a clean design and smooth interactions.

Follow me for more cloneable projects! 📣 

Design Agency Kabello

Kabello Design Agency - Cloneable Template

A cloneable Free Webflow no-code client dashboard that automatically pulls data directly from 3 different Google Sheets.  

- Control data content directly from Google Sheets
- Includes pre-built Google Sheet that automatically updates data every 5 minutes to pull into Webflow. 
- Used Google Sheets, High Charts, SheetsU API

Please let me know if you need any help.

https://orangecattle.com/contact

Cloneable -- Google Sheets to Webflow -- Fully Automated

Webflow + Google Sheets | Auto Updates Website Analytics directly from Google Sheets! No Code!

I created a YouTube tutorial here (german): https://youtu.be/QU6Ux3yZW4U

apple-card

Apple Card Scroll Animation

In January I started a new series, in which I built a marketing website for the car manufacturer startup Sono Motors. The idea was to present the features and benefits of the solar car SION and to implement them interactively in Webflow. The website was created during their #SaveSion campaign, in which the company had raised more money for the production of the car. In addition to my down payment, I saw the project as an additional support to help the startup by raising awareness about the campaign through my own channels. 

This project resulted in 10 Webflow YouTube tutorials. I published the responsive design process via my Patreon account. 
The image copyright belongs to Sono Motors GmbH.

Click here for the YouTube playlist with all videos of this project: https://youtube.com/playlist?list=PLj8c0yntElwWRnvBXxEnoxkynxriQKndL

Follow the responsive design process on my Patreon account: https://www.patreon.com/posts/77302808

Learn more about the Sion: https://sonomotors.com

SION – #SaveSion

SION – Car Startup Website (free Template)

Watch the YouTube tutorial here (german): 
https://youtu.be/VaVwYP5-nnk

Website Mobile Navigation

Website Mobile Navigation (user friendly)

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 images appear as you hover, they stick to the mouse and overlay the text. This effect could be used well in a portfolio or as a listing of services.

Watch the tutorial:
https://youtu.be/98XsJAtAYyM

Text Grid with Magnetic Images on Hover

Memberstack features built-in contact form and menu. 

Clone: http://bit.ly/3aIEkBZ

Client Support Form w/ Memberstack Built In

Multi-Step Client Support | Contact Form | Memberstack Code Built In

Free Hair Salon template powered with webflow cms to manage special offers and a small Selz e-store. 

Clone as you will and don't be shy on hitting the like button if you appreciate this :)

hair&spa

Hair & Spa - Website Template

Use this as a starter Template!

My German Webflow community asked for a way to animate an SVG line while scrolling trough a Website. So I made this longer one pager for it. 

If you don't want the line to be animated, just delete the jQuery code in the page settings. 

I had to work with an aspect ratio on the images in order to maintain lazy loading. Otherwise the line was stretched longer every time an image loaded on the page.

Tutorial: https://youtu.be/aL2rbLnTo_4

Travel Booking One-Pager – free Template

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

A scroll-into-view animation that animates teaser images as soon as they come into the viewable area of the page visitor. This works with background videos as well (last item).

Tutorial: https://youtu.be/75xVsFPtWz0

Portfolio Grid with Teaser Animation

Portfolio Grid Teaser Animation

Simple Date Picker Shared by Kevin Fogarty.

Guide available @ flowbase.co

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

If you LOVE this type of content, please FOLLOW us.

Your support helps us continue to build around our shared passion of Webflow.

Visit us today @ www.flowbase.co

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

Legal Notice: 

(1) Images are open-source (Eg. Unsplash / Pexels / Freepix)
(2) Iconography is open-source (Eg. UpLabs, Flaticon, Noun Project)
(3)Typography requires a license for commercial use (you must change this)

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

Flowbase | Simple Date Picker

Simple Date Picker (CLONE)

Flow Ninja

Achate is an all-in-one Webflow SaaS business template built with one goal in mind: to help businesses grow. Use Achate to launch your marketing website in minutes.

Discover webflow template websites built by the Webflow community

Discover webflow template websites built by the Webflow community