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

Daily Direction Tutorial set. A range of really nice micro interaction for your personal projects.

Tutorials: https://www.youtube.com/watch?v=zRnR7hu2EoU&list=PL4y7e0E80p44ddI_hKSB2bu26rFCdDFfc

Hope you enjoy.

Daily Direction

Daily Direction Micro Interactions

Winner of Honorable Mention and Site of the day on Awwwards 
and awarded the Mobile Excellence award 

Tutorial On Hero section.
https://www.youtube.com/watch?v=yWq81qwpOCI&t=311s

Having fond memories of The Goonies, I decide to create a website that re-lives those magic moments. This site is jam packed full of amazing animations and interactions so please do explore the full site. 

Enjoy.

The Goonies

One of my frustrations with Webflow transitions is that achieving a good horizontal scroll effect with things like parallax is not possible out of the box. The "while scrolling in view" trigger only works for vertical scroll. So, after some trial and errors, I came up with a setup that gets the job done!

Hokaido is a free template focused on images and horizontal scroll. It's main features are:

1. Works well with CMS - no need to manually tweak any transitions, the horizontal scroll works with any number of CMS elements.

2. Parallax effects - create cool horizontal parallax effects, with the current setup, it just works!

3. Cool page transitions - go from page to page with a smooth transition between different projects.

Want to know how the trick is done? Clone it, change it, make it your own!

Hokaido

Hokaido - Free Horizontal Scrolling Template

Brand new website launched Jan 2020

London based designer focusing on User Experience, User Interface & Web Design.

I've always been passionate about helping start-ups. I love the challenge of starting with a clean slate and designing a successful product from the ground up, and I've been fortunate enough to work with clients from across the globe.

In my spare time I love traveling to a new corner of the world, taking as many landscape photos as I can when passing through.

Overton Graphics

Josh Overton

A labor of love finally completed! I've created a free website template for churches. It's my hope that this will help churches modernize their online experience and come back stronger than ever from COVID-19. This template features dynamic content for Sermons, Events, Staff, and Connect Groups and is ideal for single location churches.

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

• Create landing pages in less than 3 minutes for anything
• Old events automatically removed the day after
• Homepage events section disappears when no events are present
• Add a new sermon, event, or connect group site-wide in seconds
• Reuse any page section across multiple pages (update once for all pages)
• Looks exactly the same on 5k screens as it does on Macbook Airs
• Thoroughly planned user experience and interactions
• Dummy proof to manage (from the Webflow Front-End Editor)
• Optimal site speed
• Homepage ministries section disappears when no content is set

Schapel Pro

Free Template for Churches

Lovely people,

This demo can be used for your projects: Projects Page or Loading Page.

For any inquires: mo.jahanii@gmail.com

* I have not tested it on many devices but if you want to use it, make it responsive. It should be OK on Desktop and Mobile Devices.

EM Freebie Issue 2

This week we decided to take another go at an E-commerce homepage. Instead of using a real brand, we decided to use the mock brand, Rogue&Rosy. Rogue&Rosey produces an alcohol infused fruit jam, “Boozy Jamm”.

Our goal was to create a modern, clean design that catches the eye and inspires curiosity.⁠

We hope you enjoy it!

Branding concept created by Rachel Noronho (https://www.behance.net/creativeray)

Rogue & Rosy

Rogue&Rosy E-Commerce Homepage Concept

Make your Webflow project GDPR compliant* with European cookie Law. Clone this FREE Webflow GDPR Cookie Consent Banner, add the fs-cc attributes to your scripts and you're done!

Feel free to clone this project and let us know when you have questions!

—

⚡ Need help implementing the Cookie Consent Solution into your Webflow project? Visit https://www.webflow-cookies.com/?utm_source=cloneable for paid support. ⚡

For a fixed price, we'll:
- Add the cookie banner & preference manager to your Webflow project, and match the look-and-feel with your website. 
- Add the right attributes to your marketing, analytics and personalization scripts (e.g. Google Analytics, Facebook Pixel, Hubspot, etc).
- Set up the right marketing, analytics and personalization triggers in Google Tag Manager if applicable.

——

* Clone this project and add the necessary attributes to your marketing, analytic or personalization scripts. For more info, check out the Finsweet docs or drop a comment below.

Free Cloneable — Fully GDPR Cookie Consent Banner

Free Cloneable: GDPR Compliant Cookie Consent Banner

Starting the week off right with our new e-commerce pizza store concept!

GOODROOT is a boutique quick-freeze pizza brand with high-quality food ingredients and creativity. 


Branding concept & assets created by Low Key Design (https://www.behance.net/lowkeydesigncompany)

Goodroot Pizza

GoodRoot Pizza E-Commerce Homepage

One-page website design and development for Nuno, a co-work and event space located in the heart of Lisbon, Portugal.

Nuno - Co-work & Event Space

Template for a design agency. Minimalistic. Easy to use. And organized through the use of symbols.

Enjoy!

Fuza Visual Design Agency

FREEBIE: Fuza Agency

I designed a new website for one of Las Vegas' best commercial print shops. This project was really fun because we were able to come up with a design that mimicked the printing process as well as signature print shop design elements. We were going for something loud and bold but clean and easy to use. I would love to hear feedback!

Haigs Printing

Haig's Printing

My portfolio was in dire need of a refresh, and I wanted to play around with Webflow's animations and background clipping -- thus this site was born!

I'm so impressed with how playful and fun building in Webflow can be.

J+J Studios

My Portfolio for J+J Studios

We created this site a while ago but the client went MIA, so now we have decided to share this project to the community.

We built this before Background Blur was added, so you would see the custom code in there.

We also used Finsweet calculator for project add-on.

The project hasn't been updated so some items might not work correctly. Please feel free to leave any comment.

WellMade

Well Made - Design & Build Modern Sheds

Just using one custom cursor per page? That's old hat. Using the powerful, simple CSS Clip property, you can use a variety of cursors in a single page, opening up the opportunity for some very unique and different explorations of what a cursor can be!

Wanna have your cursor change text between CMS elements? You can do that! How about cursors with different interactions? You can do that too! 

This project just scratches the surface of me exploring the use of multiple different cursors in-page, and I hope you guys in the community use this solution to make some super cool stuff 😎

Looking forward to hearing your thoughts in the comments!

Switch Cursors By Section Using CSS Clip! ✂️

Switch Custom Cursors In-Page Using CSS Clip ✂️

HighNorth

Hi Webflowers, Nothing too fancy with this one. Legal websites have a tendency to be overly worded and a bit dry given their nature. We tried to add a little flair without going too far. 

Clone away and see what you can do with it. Excited to see what you can create!   __________________________________________________________________________ 👋 Contact info for collaborations -> shoot us over a message: https://www.spicytuna.io/

LegalSense

LegalSense - Webflow Template

Hey 👋

Today I bring you a rebuild of the landing page from Specify.
I love the incorporation of 3D Illustrations and small interactions, so this was a great fit for a rebuild.

I made it clonable so everyone can take a look behind the scenes and play around with it however they like.

Visit the original site on: https://specifyapp.com/

I hope you like it and wish you a great end of the week,
Marcel

–––––––––––––––––––––––

This project was made for educational purposes only.
It is not affiliated with Specify and all rights of the media, and content belong to Specify.

Specify | Landing Page | Rebuild

Specify – Landing Page | Rebuild

NEW CLONABLE ALERT

A Corporate Clonable made almost 100% natively in webflow, with some buttons having a few lines of JS.

Sleek minimalistic design that would fit well in modern construction companies and/or corporations of any kind. With minimalstic elements and offset text this site gives a modern, minimalis scandinavian type vibe. We love that. Clone away webflow community <3

Oh also, the slider animation is pretty cool we think. Cheers.

Want to hire us to work with you on some projects? Feel free to get in touch.


This websites design is inspired by: brainbox.com