Hi everyone !

Excited to present my latest web project "A Tiny Adventure".
An ordinary story of "Gus", who must go home.

Feel free to like the project if you enjoyed the story!

A Tiny Adventure

I created a YouTube tutorial here (german): 
https://youtu.be/C1k6bm8ybBY

Navigation Mega Dropdown (+ custom animation)

Responsive slider splitting vertically, with custom code to change slides by scrolling.

Cloneable :)

Photos credit: https://unsplash.com/@sandrokatalina

Vertical Split Slider

Hey everyone!

Showing you a Webflow Like Slick Slider. Make sure to follow my profile for more assets.

Make sure to clone it.
If you like these contents,check out uiflow.co

Visit us @ uiflow.co

Uiflow Webflow Like Slick Slider

Thanks to Ezra Siton who in the forums gave the idea to use this script.

js-ripple-effect

Over 20 video tutorial walkthroughs of icon types on Lottieflow.com. Understand how to implement Lottie icons with different trigger types and implementation methods! Wooohooo!

Lottieflow - Clonable Tutorials

Custom slider transition to change the size and focus as the slide changes.

Have fun cloning. 😄

====================

💖☕ Support us by buying us a coffee.

If you enjoy our content, please consider supporting us. Your support will help us grow bigger and provide the community with better content.

https://www.buymeacoffee.com/sketchzlab

===================

💌 Follow us on social media.

Facebook @ www.facebook.com/sketchzlab
Instagram @ www.instagram.com/sketchzlab/
Twitter @ www.twitter.com/SketchzLab
Webflow @ www.webflow.com/SketchzLab
LinkedIn @ www.linkedin.com/company/sketchzlab/
YouTube @ www.youtube.com/channel/UCAEXTAQ7IAG71rsJ1ehBnzQ

SketchzLab - Slider Custom Transition - 1 (Slide, Scale and Blur)

A set of interesting looking image transitions including distortion and warp effects made with WebGL.

I modified the original code to behave as a bi-directional looping slider. Works on both desktop and mobile! Leave a comment with any questions.

*Demo 5 supports Webflow's native Slider component (see details re implementation in comments below).

Repo: https://github.com/akella/webGLImageTransitions
Original Author: Yuriy Artyukh

WebGL Image Slider

I created a YouTube tutorial here (german): https://youtu.be/QU6Ux3yZW4U

Apple Card Scroll Animation

Infinite Clients Slider

Extras:

- Press "P" = to stop the animation
- Spacebar = Surprise ;D


Source:
https://github.com/PavelDoGreat/WebGL-Fluid-Simulation


++ Update 09.10.2021 ++
- Now its just a Header Part (you can Scroll)
- Logo dont blocks the mouseMove (css pointer-events: none)
- Logo Css MixBlendMode (the Color changes based on the color behind)

incredible webgl animation

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

Trying out remaking and animating this shot done by me: https://dribbble.com/shots/5366442-Minimal-Portfolio-Exploration

*Done for learning purposes, clients are not real.
Let me know what you think.

Minimal Mouse Portfolio

Making this utility work on desktop and mobile was no joke...

Basic Details:
- Clean, meaning no janky transitions at each 90 degree angle
- 100% Webflow (no custom code)
- Cross-browser and device compatible

*Since this is using native Webflow interactions (ie no clip-path / masking), it cannot be used on pages with background images (the inner circle will not be transparent)

Also included are custom JS implementations using SVG (including back-to-top functionality, courtesy of Ivan Grozdic)

100% Webflow IX2 Scroll Utility

Let's work with the hover state in daily interaction #8!

This demo showcases an image panel reveal using flexbox and hover states.

To view more daily interactions and premium content visit: https://www.webdevforyou.com/

WebDev For You - Daily Interaction #8

Official landing page for the new Geely crossover - Atlas in Minsk, Belarus.

https://geelylm.by

Geely Atlas 2018

I wanted something engaging and original, that utilised everything Webflow can offer, it's playful with 3D Tranforms and Interactions to create a hopefully, engaging experience and showcase my work in its best light.

Jerome Bergamaschi

About

Skills

About

About