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

Joseph Berry

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 Micro Interactions

Halo Lab

Circle is a platform where you can learn everything you need to know to launch a successful e-commerce start up. On such a platform, you can study core topics as management, finance and creating websites.

Сircle Website

Cyboro is a guard for your digital identity.  Stay conscious of your personal security and protect your devices, files, and any data sent via the Internet with Cyboro. Copyright, privacy and digital security on the Web are the issues that humanity is relatively new to. So it’s crucial to have an eye on all the trends and new technology that helps to use the Internet without risk.

Cyboro Protection

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 008
Clone and Re-use these 5 unique text effects. 

How To Use Video
https://www.youtube.com/watch?v=nWuhiJK7-Gw

THANK YOU. 
Here's to 2020.

Joseph Berry Text Effects

Ty Hughey

Here's a small template I wanted to share until I get the next template published.

This is the 15th cloneable template! 🎉🚀 

This template is made with:
✔️ Finsweet Attributes
✔️ Client First
✔️ Pexels Images

--------- 

👀 Find previous templates on my profile. 

🚀 Practicing to become a webflow template designer. 

❤️ Follow along on Twitter and know when free templates get released early: twitter.com/Tycreated

GOCLASS Cloneable Ecommerce Template

Right Hemisphere

Bornomala is a new chapter in learning the basic unit of any language, the Alphabet. We have used interactive tools to shape this project which seeks to propagate a fun-filled experience in learning to an audience which usually lacks attention-span, young children.
However, it is also an effective tool to teach non-native adults these vernacular alphabets in a way opening up limitless possibilities in the field of learning these languages. Learn to master, learn for fun. We assure we guide you to learn alphabets the easiest way anytime, anywhere.

Learn Assamese

Michael Yonke

Dashboard for an E-Learning platform. Hope some of you find it useful, cheers!

Follow me on Dribbble if you want to see other things I make using Webflow!

https://dribbble.com/myonke

E-Learning Dashboard

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

Redis Agency

Kids Help Talk is a charity project in which teenagers assist refugee children from Ukraine in adjusting to their new surroundings and learning foreign languages with their peers for free.

We created a logo, drew illustrations, designed a website, and set it up in less than a month.

We wanted to emphasize the project's "childishness," simplicity, and charitable mission in this project. The logo is lettering, and we used the plot of a children's game, a conversation on the "phone" made of paper cups, for illustrations.

Kids Help Talk

Tsering Dhondup

freedesign is a collection of free resources, tools, websites, and articles to help you create your next project. 

This site is a side project done by me. I hope you found a few great resources on this site to make your next website, product, or project beautifully. Any other resources that you think is super helpful please leave  them in the comments below.

freedesign

JP Dionisio

The weight, color, scale, and rotation of the divs react with your mouse positioning.

Another one in my journey of learning code, particularly JS!

⚠️ YesCode: Code-heavy project! ⚠️

My take on SuperHi's reactive variable font tutorial:
https://library.superhi.com/posts/how-to-make-reactive-type-as-seen-on-the-airbnb-cereal-site

Which was inspired by Airbnb's page:
https://airbnb.design/cereal/scale/weight

Feel free to clone and enjoy!

Reactive Variable Flower - Javascript

Louisiana Department Of Health

Website designed by https://threesixtyeight.com/

Interactive Learning Platform, Quiz, and Motion Graphics

Louie Sakoda

Explore many ways to learn any position for any sport. Workflows include Zapier and Airtable for adding new resources (still in the process of filling in content). For a look at a completed flow use the pathway Homepage > Football > Quarterback > Resource

learn-any-sport

BRIX Templates

Educationic X Webflow Template

Meet Educationic X, our ultimate Webflow Template for eLearning platforms. Our new education Webflow Template includes everything your company will need to start offering, teaching, and selling online courses at scale, everything as easy as 1, 2, 3.

- - - -

Interested in Educationic X Webflow Template?

• Check out a live preview here: https://educationxtemplate.webflow.io/

• Get your copy for $79 on the Webflow Marketplace: https://webflow.com/templates/html/education-x-education-website-template

Looking for an amazing Webflow Template for eLearning, Course, Bootcamp, Coaching, Teacher, Workshop, Masterclass, Education, School, University, College, Event.

- - - - 

• BRIX Templates - Looking for another template? Take a look at our collection of premium Webflow Templates on https://brixtemplates.com/

• BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team on https://brixagency.com/

Educationic X Webflow Template - BRIX Templates

Clement Jonckheere

Assurez-vous de leur consentement avant de les stalker vos utilisateurs

Avec cette solution Javascript très simple, vous attendrez le consentement de vos utilisateurs avant de lancer Google Analitics et d'autres scripts. Copier ce code dans votre projet dans : Paramètres > Custom code > Footer Code

**Cookie Modal Copy/Paste soon**

🍪 Cookies for Webflow

Digital Butlers

New educational project with custom video player. Fully customizable with Webflow CMS. Hope you enjoy and will be glad to know your thoughts! Peace :)

Developers: 

@alexkirilenko
@vyacheslav

Mortgage Academy

Christian Gilbang

A prototype of a Learning platform homepage.

Discover learning and development websites built by the Webflow community

Discover learning and development websites built by the Webflow community