Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

LxL Creative

September 25, 2026
Jordan Gilory

@jordangilroy

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 13

In this project

Utilities & Scripts

Dynamic Current Year

Utilities & Scripts
Dynamic Current Year
Buttons

Stop Motion Button (CSS Steps)

Buttons
Stop Motion Button (CSS Steps)
Buttons

Copy Email to Clipboard Button

Buttons
Copy Email to Clipboard Button
Buttons

Draw Random Underline

Buttons
Draw Random Underline
Page Transitions

Draw SVG Page Transition

Page Transitions
Draw SVG Page Transition
Hover Interactions

Momentum Based Hover (Inertia)

Hover Interactions
Momentum Based Hover (Inertia)
Video & Audio

Bunny HLS Background Video

Video & Audio
Bunny HLS Background Video
Scroll Animations

Image to Background (Zoom)

Scroll Animations
Image to Background (Zoom)
Dropdowns & Information

Expanding Feature Pills

Dropdowns & Information
Expanding Feature Pills
Video & Audio

Mini Showreel Player

Video & Audio
Mini Showreel Player
Sliders & Marquees

Line Reveal Testimonials

Sliders & Marquees
Line Reveal Testimonials
Scroll Animations

Stacking Sticky Cards (Bounce)

Scroll Animations
Stacking Sticky Cards (Bounce)
Cursor Animations

Draw On Element with Cursor

Cursor Animations
Draw On Element with 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