Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

Northlane

February 9, 2026
Patrick Huijs

@patrick-huijs

Martijn van Meijel

@martijn-van-meijel

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 10

In this project

Sections & Layouts

Footer Parallax Effect

Sections & Layouts
Footer Parallax Effect
Hover Interactions

Directional List Hover

Hover Interactions
Directional List Hover
Sections & Layouts

Logo Wall Cycle

Sections & Layouts
Logo Wall Cycle
Text Animations

Masked Text Reveal (GSAP SplitText)

Text Animations
Masked Text Reveal (GSAP SplitText)
Sliders & Marquees

Centered Looping Slider

Sliders & Marquees
Centered Looping Slider
Dropdowns & Information

Tab System with Autoplay Option

Dropdowns & Information
Tab System with Autoplay Option
Video & Audio

Custom Vimeo Player (Advanced)

Video & Audio
Custom Vimeo Player (Advanced)
Dropdowns & Information

Accordion CSS Animation

Dropdowns & Information
Accordion CSS Animation
Buttons

Underline Link Animation

Buttons
Underline Link Animation
Utilities & Scripts

Osmo Scaling System

Utilities & Scripts
Osmo Scaling System
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