Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

Paul Kalkbrenner

September 17, 2026
HOLOGRAPHIK®

@holograpik

Ilja van Eck

@by.ilja

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 24

In this project

Video & Audio

Media Setup (Autoplay, Hover, Click)

Video & Audio
Media Setup (Autoplay, Hover, Click)
Sliders & Marquees

Draggable Marquee (Directional)

Sliders & Marquees
Draggable Marquee (Directional)
Sliders & Marquees

Basic GSAP Slider (Watch CSS)

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

Number Odometer

Text Animations
Number Odometer
Scroll Animations

Global Parallax Setup

Scroll Animations
Global Parallax Setup
Dropdowns & Information

Accordion CSS Animation

Dropdowns & Information
Accordion CSS Animation
Text Animations

Rotating Text

Text Animations
Rotating Text
Hover Interactions

Directional List Hover

Hover Interactions
Directional List Hover
Scroll Animations

Pixelated Scroll Transition

Scroll Animations
Pixelated Scroll Transition
Sliders & Marquees

Dropping Cards Stack

Sliders & Marquees
Dropping Cards Stack
Sliders & Marquees

Marquee with Scroll Direction

Sliders & Marquees
Marquee with Scroll Direction
Utilities & Scripts

Dynamic Current Year

Utilities & Scripts
Dynamic Current Year
Cursor Animations

Dynamic Text Cursor

Cursor Animations
Dynamic Text Cursor
Video & Audio

Mini Showreel Player

Video & Audio
Mini Showreel Player
Scroll Animations

Elements Reveal on Scroll

Scroll Animations
Elements Reveal on Scroll
Sections & Layouts

Footer Parallax Effect

Sections & Layouts
Footer Parallax Effect
Filters & Sorting

Basic Filter Setup

Filters & Sorting
Basic Filter Setup
Video & Audio

Audio Player (with Howler.js)

Video & Audio
Audio Player (with Howler.js)
Gallery & Images

Auto Image Cycle (Slideshow)

Gallery & Images
Auto Image Cycle (Slideshow)
Utilities & Scripts

Lenis Smooth Scroll Setup

Utilities & Scripts
Lenis Smooth Scroll Setup
Page Transitions

Side by Side Page Transition

Page Transitions
Side by Side Page Transition
Text Animations

Masked Text Reveal (GSAP SplitText)

Text Animations
Masked Text Reveal (GSAP SplitText)
Utilities & Scripts

Detect Scrolling Direction (Up/Down)

Utilities & Scripts
Detect Scrolling Direction (Up/Down)
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