Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

Tom Carder Media

January 21, 2026
Calum Campbell-Coles

@calumcampbellcoles

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 14

In this project

Loaders

Crisp Loading Animation

Loaders
Crisp Loading Animation
Navigation

Bold Full Screen Navigation

Navigation
Bold Full Screen Navigation
Scroll Animations

Horizontal Scrolling Sections

Scroll Animations
Horizontal Scrolling Sections
Video & Audio

Bunny HLS Background Video

Video & Audio
Bunny HLS Background Video
Video & Audio

Custom Bunny HLS Player (Advanced)

Video & Audio
Custom Bunny HLS Player (Advanced)
Cursor Animations

Image Preview Cursor Follower

Cursor Animations
Image Preview Cursor Follower
Sliders & Marquees

Flick Cards Slider

Sliders & Marquees
Flick Cards Slider
Hover Interactions

Momentum Based Hover (Inertia)

Hover Interactions
Momentum Based Hover (Inertia)
Buttons

Button with Rotating Icon

Buttons
Button with Rotating Icon
Gimmicks

Change Page Title on Leave

Gimmicks
Change Page Title on Leave
Sliders & Marquees

Marquee with Scroll Direction

Sliders & Marquees
Marquee with Scroll Direction
Utilities & Scripts

Detect Scrolling Direction (Up/Down)

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

Underline Link Animation

Buttons
Underline Link Animation
Cursor Animations

Basic Custom Cursor

Cursor Animations
Basic Custom Cursor
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