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

Interactive scrollable 3D isometric Grid. 
Build 100% in Webflow. 
Inspired by Codrops Article (http://tympanus.net/Development/IsometricGrids)

3D experiment

3disometric-grid

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

How to use Mixitup3 with Webflow

mixitup-webflow-tutorial

Had fun creating animated Solar System. Made completely in Webflow without custom code :) by using 3D transforms and interactions. 
Inspired by Codepen example http://codepen.io/anon/pen/rONGLY

3D Solar system

Animated interactive 3D Solar System

"Ukrainian by birth. American by chance. Web Designer by choice." 
My site portfolio :)

UPD: Rolling out rebranding and redesign. More content is coming.

Sabanna - Portfolio

My Portfolio

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

Slider with Thumbnails

Add Thumbnails to the slider - Clone-able

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

Cool blog

MixitUp on the CMS-powered blog

Tutorial about implementing MixItUp jQery filtering plugin into Webflow site. Make sure to check pages with advanced filtering features (few dimensions).
You are welcome to clone this tutorial and use it for your projects. But DON'T FORGET that using MixitUp for non-personal projects required PAID LICENSE.

Mixitup plugin with Webflow

mixitup-filtering

#MadeInWebflow fun 😊
Inspired by awesome work from @BestServedBold (https://dribbble.com/shots/3963765-3D-Interactions-Series-1-Toggle-Switch)

3D Ball-switch created by using @Webflow Interactions 2.0.

3D ball

3d ball switch

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

3D menu

3d-menu-animation

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

images-zoom-effect

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

My Cool Portfolio

MixitUp on the static page

There is a known method of creating a different shapes using CSS clip-path property. Unfortunately, it still not supported by Edge and IE11 browsers.

Here is a method that will let you create highly customizable hexagon shape in Webflow. It can be filled with colors and gradients as well as with images and videos.

Hexagon shape tutorial

Customizable Hexagon shape made in Webflow

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

Reveal image on hover

Spy-glass effect

When you realize you can re-create almost any codepen example in Webflow 😊  Inspired by Codepen examplel: http://codepen.io/electerious/pen/mRMBBa

Fancy zoom effect

fancy-zoom

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).

Sphere

Animated Sphere with Circles

Continue my #MadeInWebflow fun 😊  Expanding responsive tabs/menu Created by using Webflowapp interactions (inspired by codepen example https://tympanus.net/Development/ExpandingBarMenus/index.html)

Discover sabanna websites built by the Webflow community

Discover sabanna websites built by the Webflow community