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

T.RICKS Locomotive Smooth Scroll in Webflow including position fixed, sticky, and CSS interactions. Watch the full tutorial at https://www.youtube.com/watch?v=D-vYtfcz0NI

T.RICKS Locomotive Smooth Scroll JS

T.RICKS Locomotive Smooth Scroll

BOILERPLATE for Locomotive Scroll integration.


👀

locomotiveScroll-imp

Locomotive Scroll ⟋ starter

Eurecah

Paradam Studios' new design and development. 

This website was intended to reflect the agency's soul and way of work using combinations of mediums, textures, symbols, and animation to bring them to life into one ecosystem. 

Fully animated with a mix of Webflow Interactions, LottieFiles, and LocomotiveScroll. 

Enjoy!

Paradam

paradam-studios

Here's another weirdly trippy scrolling animation.

I finally figured out how to do layered section scrolling using Locomotive & Gsap. It also plays around with randomized scolling speed dynamically added to each letter in the words in each section.

I kinda like it.

Another Trippy Smooth Scroll Background & Gsap Letter Animation

Another Trippy Smooth Scroll Background and Letter Animation

NODES is a Swiss-Based corporate finance firm committed to advancing the field of Life Sciences through advisory and capital raise.

Built with Webflow + Locomotive Scroll + Anime.js + bits and pieces of custom snippets.

Check out the live site here: https://www.nodesadvisors.com

Nodes Advisors

Using Locomotive.js, Gsap ScrollTrigger & some custom Javascript. 3D renders from Unsplash.

Finally figured out how to do those "fixed" background image scroll thingys, so here's a smooth scrolled section thing with some randomized letter opacity animations.

Smooth Scroll Background & Gsap Letter Animation

Don't tell me this doesn't look cooool.

I saw a similar animation on some Awwwards site (can't remember the name) and though it looked amazing.

Smooth scroll by Locomotive.js, fixed section pinning type thingy by Gsap Scrolltrigger. 3D renders by Unsplash.

Smooth Scroll Grid Reveal Animation

Recreation of https://ckms.design hero section as a personal challenge. Project list loads up and filters from a CMS collection.

I do not own the rights to the content.

Owners of the projects:

→ Aize - https://www.behance.net/gallery/140007093/Aize
→ Berlin 1910 - https://www.behance.net/gallery/117034669/Berlin-1910
→ MUSHROOM - https://www.behance.net/gallery/140290203/MUSHROOM-Wireless-charger
→ Porsche Design Watch - https://www.behance.net/gallery/116317977/PORSCHE-DESIGN-WATCH-vision
→ Roly-Poly - https://www.behance.net/gallery/147984511/Roly-poly-modular-lighting
→ Spark Smart Grill - https://www.behance.net/gallery/149272383/Spark-Smart-Grill
→ Theferruat - https://www.behance.net/gallery/135610425/Coffee-Grinder-Theferruat


inhance

Hero section with CMS collection of projects (with filters)

Krum Marketing

Nicole Nero Studio

Nicole Nero Photography Studio

CleverMellow

We are CleverMellow — a digital  low-code
agency based in Twente, the Netherlands

clevermellow.co

The Flow Lab

A single-page eCom lander for Double U, a body positive fitness brand I worked on.

Thank you to @timricks for his Locomotive Scroll tutorial

NB this is a prototype, there is no CMS or functioning checkout.

Double U

Double U Fitness

Paradam Studios' new Website design and development — made with my friends at Eurecah (www.eurecah.com)

This eclectic site was crafted with lots of love using a maximalist approach for the design and a collaborative spirit. Fully animated with a mix of Webflow Interactions, LottieFiles and LocomotiveScroll. Enjoy!

Paradam Studios

🎉 No big deal, but I recreated this sweet rolling text animation from Pangram Pangram's website for their brand-new typeface, Fragment. The original site was crafted by the one and only Locomotive®. 

👍 Show some love and make sure to like and follow to stay in the loop for future projects and cloneables. Peace! ✌️

PP Fragment Rolling Text Animation Rebuild

PP Fragment Rolling Text Animation Rebuild [CLONEABLE]

MSmith

msmith-port

A website for Out of Line - Behavioral economics experts that partner with startups to build behavior-changing products

out-of-line

STILRIDE

stilride

MA Consultants is Lebanese-based company that provides training, assessment and consultancy services for both large-scale and small organizations. Their training courses range from Strategic & Performance Management Systems, Internal Auditing, Root-cause analysis and Quality Management Systems.

The site was built in Webflow, combined with a custom Laravel CMS.

Discover locomotive websites built by the Webflow community

Discover locomotive websites built by the Webflow community