Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

Truus

July 17, 2025
Dennis Snellenberg

@codebydennis

Jordan Gilory

@jordangilroy

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 17

In this project

Dropdowns & Information

WhatsApp Modal (Generate QR Code)

Dropdowns & Information
WhatsApp Modal (Generate QR Code)
Hover Interactions

Momentum Based Hover (Inertia)

Hover Interactions
Momentum Based Hover (Inertia)
Sliders & Marquees

Basic GSAP Slider (Watch CSS)

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

Osmo Scaling System

Utilities & Scripts
Osmo Scaling System
Video & Audio

Custom Vimeo Player (Advanced)

Video & Audio
Custom Vimeo Player (Advanced)
Sliders & Marquees

Marquee with Scroll Direction

Sliders & Marquees
Marquee with Scroll Direction
Utilities & Scripts

Javascript Toggle (Attributes)

Utilities & Scripts
Javascript Toggle (Attributes)
Buttons

Underline Link Animation

Buttons
Underline Link Animation
Utilities & Scripts

Display Count

Utilities & Scripts
Display Count
Utilities & Scripts

Check Section Theme on Scroll

Utilities & Scripts
Check Section Theme on Scroll
Cursor Animations

Custom Cursor (CSS)

Cursor Animations
Custom Cursor (CSS)
Cursor Animations

Basic Custom Cursor

Cursor Animations
Basic Custom Cursor
Gallery & Images

Auto Image Cycle (Slideshow)

Gallery & Images
Auto Image Cycle (Slideshow)
Sliders & Marquees

CSS Marquee

Sliders & Marquees
CSS Marquee
Gimmicks

Change Page Title on Leave

Gimmicks
Change Page Title on Leave
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
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