Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

Treams

September 16, 2026
Patrick Huijs

@patrick-huijs

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 10

In this project

Scroll Animations

Draw Path on Scroll

Scroll Animations
Draw Path on Scroll
Navigation

Mega Navigation (Directional Hover)

Navigation
Mega Navigation (Directional Hover)
Sliders & Marquees

Overlapping Slider

Sliders & Marquees
Overlapping Slider
Sliders & Marquees

Dropping Cards Stack

Sliders & Marquees
Dropping Cards Stack
Sliders & Marquees

Swiper Slider Setup

Sliders & Marquees
Swiper Slider Setup
Sliders & Marquees

Centered Looping Slider

Sliders & Marquees
Centered Looping Slider
Sliders & Marquees

Marquee with Scroll Direction

Sliders & Marquees
Marquee with Scroll Direction
Utilities & Scripts

Toggle Switch

Utilities & Scripts
Toggle Switch
Video & Audio

Custom Bunny HLS Lightbox (Advanced)

Video & Audio
Custom Bunny HLS Lightbox (Advanced)
Dropdowns & Information

Tab System with Autoplay Option

Dropdowns & Information
Tab System with Autoplay Option
Full Showcase
We'll see you there!

Built
to Flex
Built
to Flex

Built
to Flex
Built
to Flex

Victor Work
Jordan Gilory
Jason Harvey
Huy Nguyen

Join 3K+ others

Ready to
level up?

Become a member to unlock the full Osmo toolkit today.

Become a member
FAQs