This 3D object is downloaded from Iconscout and is animated on Spline. Text animated on Webflow interactions

This is part of the video tutorial of day 54/100 days of Webflow
https://youtu.be/18AA8O8I5DM

3D Pen Scroll

Pricing Calculator using Webflow form and custom Javascript code hosted on Slater.

DM on twitter if you are unable to access the code

This is part of the video challenge 
Day 47/100
{Video link}

Pricing Calculator

This site has Spline animation with Lenis scroll as part of my day 46 of 100 days of Webflow

https://www.youtube.com/watch?v=Fk7atZcKjxE&t=1s

Yar's Stellar Site with Spline

As part of day 45 of 100 days of webflow, we look at game controls and integrating them on Webflow

Yar Spline Test Game

This is a native Webflow slider that slides on scroll

Checkout the tutorial video here
https://youtu.be/-brKbhLAKAs

Get the custom code here
https://www.levelflow.io/resources/scrollable-native-webflow-slider-custom-code

Slider on scroll

This is a draggable slider the is basically a CMS collection with SwiperJS installed on it. 

This was explained on day 38 of my 100 days of Webflow journey.

Video link 

https://youtu.be/PMWNGqAYPCc

CMS Slider SwiperJS

This Tic Tac Toe game was built on day 37 of my 100 days of Webflow challenge. This is built using Webflow and Slater AI app for the JS logic

https://youtu.be/cz7DPBbP4TI

Yar's Tic Tac Toe

This project is what I did on day 36 of my 100 days of Webflow journey. 

Check out the video
https://youtu.be/gTWEBzdCPKw

Zoom out projects - BarbaJs and GSAP transition

Infinite Marquee on scroll and that stops on hover

Scroll marquee pause on hover

On day 26 of my 100 days of Webflow Journey I created this GSAP animation using Slater AI. 

Watch the video

https://www.youtube.com/watch?v=gbmwH_kMoEc

Day 26 - GSAP scroll trigger animation

Inspried by scroll snap rose cloneable by Timothy Ricks

Checkout the video tutorial

https://youtu.be/7DCI1203pyQ

Swiperjs Lottie on Scroll

Day 19/100 days of Webflow

We make a draggable and resizable UI elements on Webflow using jQuery

Link to the tutorial

Draggable & Resizable windows 19/100

Day 17/100 days of Webflow
Today I animated the airpods intro section using GSAP on Webflow.

Checkout the video on the channel

https://www.youtube.com/@yaroshidi

Airpods Gsap

Two CMS collections animating the same item on hover.

Custom jQuery

This is part of my day 16 of 100 days of Webflow journey.

jquery cms hover

Day 15 is time to start playing around with Gsap during this 100 days of webflow journey!

Gsap Scroll animation

3 Different infinite marquee loops

Watch video on how I built this

https://www.youtube.com/watch?v=gV6RUCMDGVc

3 Different infinite marquee loops

This project is built live as part of my 100 days challenge
1. Sitemap and content draft - ChatGPT
2. Development on Webflow - Untitled UI library
3. Images and graphics - Midjourney

Video part 1 - Building the site
https://youtu.be/UUzPsI2SHqk

Video part 2 - Populating the content and finalizing for google lighthouse
[Video link]

Video part 3 - Optimizing for 100 google lighthouse score

Levelflow Subscription Agency

This page is created as part of the tutorial od day 7. out 100 days of Webflow on Youtube

[https://youtu.be/oqtwXPaTJnU]

Yar Roshidi

About

About

About