RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Here's a small project that potentionally could be used for some cool stuff. Feel free to clone it and use for whatever you want.

I previously used Anime.js for the letter staggering, but it caused some ugly glitches which were extremely hard to get rid of, so now it's just using Webflow's amazing native interactions instead. 

The section scrolling is made possible by Scrollify.js, which you'll find in the home page's custom body code.

https://twitter.com/robingranqvist_
https://instagram.com/robingranqvist_
https://dribbble.com/robingranqvist

robin.granqvist@hotmail.se 🤙

Section Scroll Interactions using Scrollify.js & native Webflow interactions

Hello,

I'm sleepy, so I felt like designing some kind of smooth interaction thingy. And here we are.

I'm faking the smooth scroll effect by having four fixed sections inside one big section, adding a "while scrolling in view" interaction to the big section and turning smoothing up to 93 (around 90 is the sweet spot for any kind of interactions in my opinion).

Feel free to clone and use for whatever if you like it. Images from Unsplash, some icons from Iconmonstr.

robin.granqvist@hotmail.se

Sleepy Interactions

I recently saw the "Unstoppable" site on Awwwards (http://unstoppable.preciosacomponents.com) and of course I wondered if I would be able to recreate it in Webflow. And so I did, but in a Norway theme instead. 🤙

Please let the background video load for a bit, since there's no preloader.

Background video by Pexels.

This is Norway

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

Description

More by Robin Granqvist