Discover the best lesson websites created by professional designers. Get inspired and start planning your perfect lesson 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

Design Direction 002. 

Learn how to create a this custom homepage design with multiple interactions and animations including TweenMax text animations. 

Watch Video Tutorial here: https://youtu.be/bejjNVTs2ZA


Hope you enjoy.

Design-Direction-002

Design-direction-002

Hey! 👋

Here's our latest cloneable template! As always, we encourage you to use this for any creative design/purpose, but this one's specifically built around course & education. 

We hope it can help someone out there eager to teach others :)

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

🥰 Support Us:

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

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

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

✒️ Licence Notes:

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

Course Landing Template

Free Cloneable Course Template

Hello all… The First Design Direction 001. 

Learn how to create this interesting click and page transition interaction.
Watch Video Tutorial here: https://youtu.be/tlOx18ikuW0


Hope you enjoy.

Design-Direction-001

Design-direction-001

Accordion

accordion

There are many ways to create highlights and underlines in text. Here are a couple examples that are based on playing with the background color.

Sign up if you want the lesson: https://www.webflowtips.com/b/how-to-create-custom-highlight-and-underline-text

P.S 🙂  🙌  - Like or follow if this was useful for you.

4 of 50

How to create custom highlight and underline text?

With just a couple steps clip an image to any text. 

Sign up if you want the lesson https://www.webflowtips.com/b/how-to-clip-image-to-text

P.S 🙂  🙌  - Like or follow if this was useful for you. 

3 of 50

Webflowtips - Text Clipping

How to clip image to text?

This is the first project. I wanted to start super simple creating a line.

P.S 🙂  🙌  - Like or follow if this was useful for you. 

1 of 50

Webflowtips - Line

How to create a line?

According to my Youtube Channel about Freelancing, I needed a Website to share my articles, my online lessons and my student's portfolio. That was a pleasure to apply my branding to this website. I will be glad to have your feedback about it !

Discover lesson websites built by the Webflow community

Discover lesson websites built by the Webflow community