Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

Thanks

March 28, 2026
Dennis Snellenberg

@codebydennis

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 16

In this project

Sections & Layouts

Logo Wall Cycle

Sections & Layouts
Logo Wall Cycle
Scroll Animations

Stacking Sticky Cards (Bounce)

Scroll Animations
Stacking Sticky Cards (Bounce)
Video & Audio

Media Setup (Autoplay, Hover, Click)

Video & Audio
Media Setup (Autoplay, Hover, Click)
Utilities & Scripts

Detect Scrolling Direction (Up/Down)

Utilities & Scripts
Detect Scrolling Direction (Up/Down)
Utilities & Scripts

Lenis Smooth Scroll Setup

Utilities & Scripts
Lenis Smooth Scroll Setup
Utilities & Scripts

Lenis Scroll-To Anchor Target

Utilities & Scripts
Lenis Scroll-To Anchor Target
Text Animations

Masked Text Reveal (GSAP SplitText)

Text Animations
Masked Text Reveal (GSAP SplitText)
Dropdowns & Information

Accordion CSS Animation

Dropdowns & Information
Accordion CSS Animation
Buttons

Elastic Pulse Button (Bouncy)

Buttons
Elastic Pulse Button (Bouncy)
Text Animations

Highlight Text on Scroll

Text Animations
Highlight Text on Scroll
Utilities & Scripts

Dynamic Current Year

Utilities & Scripts
Dynamic Current Year
Gimmicks

Face Follow Cursor (Mascot)

Gimmicks
Face Follow Cursor (Mascot)
Sliders & Marquees

Basic GSAP Slider (Watch CSS)

Sliders & Marquees
Basic GSAP Slider (Watch CSS)
Sliders & Marquees

Marquee with Scroll Direction

Sliders & Marquees
Marquee with Scroll Direction
Forms

Live Form Validation (Advanced)

Forms
Live Form Validation (Advanced)
Scroll Animations

Elements Reveal on Scroll

Scroll Animations
Elements Reveal on Scroll
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