This is a site example of creating a horizontally scrollable area with links to separate sections inside of it. Accomplished by a combination of "hidden" vertical scroll area and scroll-based interaction.
Feel free to clone and use. The written tutorial is coming soon.

Horizontal scroll example. FREE to clone.

Slightly Customized default Webflow Slider component. You can use it to build a 3-columns layout Slider that will only move 1 column at a time.

FREE CLONABLE: Multicolumn one-step slider

My favorite "Can I do that with Webflow?" challenge. With Webflow Interactions, some layering and using tricks with CSS many things are possible 🙂

Spy-glass effect

nocodepart1-team

Webflow project to clone for part 1 of Anya Sabatini's NoCode Conf

Interactions Workshop Part 1

Animated Slider with cut-off and blur effect

Example setup of Filtering content on a simple, static page using the MixitUp 3 library. FREE to clone and use.

MixitUp on the static page

Example setup of Filtering and Sorting dynamic posts on a CMS-powered blog page using the MixitUp 3 library. FREE to clone and use.

MixitUp on the CMS-powered blog

The trick is too simple and too awesome for not sharing it with everyone 🙂 Feel free to clone and use it for your project!

Add Thumbnails to the slider - Clone-able

FREE CLONABLE - Simple but nice zoom effect for product on your e-commerce site 💰 made with IX2 Webflow interactions. 

Make sure to check page#2 for moving magnifying glass effect

Feel free to clone this project 👍🏼

images-zoom-effect

Fun idea with 3D animated navigation. 
Feel free to clone the project 🎉

3d-menu-animation

I like to take challenges aka "can I build it in Webflow?", I like to push boundaries of "possible".

SPHERE shaped 3D object build in Webflow. You are welcome to open the project and see how it made. 🌐

Also, check pages http://sphere-with-circules.webflow.io/circles and http://sphere-with-circules.webflow.io/circles-2 to see some advanced animations (the best experience in the Firefox browser).

Animated Sphere with Circles

Little hedgehog made of CSS. Hover over the eye 😉 and mouth 😜

Hedgehog

Animated Triangle 😅 made of triangles, based on grid. To see the animation hover over the big triangle

Animated Triangle based on grid

grid-cube

A new fun project inspired by hypnotizing animation from @beesandbombs 😍  Re-created in Webflow

rotating-cubes

Renewed series of tutorials about implementing MixitUp filtering and sorting in Webflow

mixitup-webflow-tutorial

Get inspired by awesome work of Dave Whyte (https://twitter.com/beesandbombs/status/991829439913881601) and re-created this fun animation in Webflow

Anna Sabatini

About

About

About