Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

Dapper Agency

June 26, 2025
Dennis Snellenberg

@codebydennis

Dylan Brouwer

@designby.dylan

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 18

In this project

Utilities & Scripts

Osmo Scaling System

Utilities & Scripts
Osmo Scaling System
Sliders & Marquees

Flickity Slider Setup (Watch CSS)

Sliders & Marquees
Flickity Slider Setup (Watch CSS)
Video & Audio

Play/Pause Video on Scroll

Video & Audio
Play/Pause Video on Scroll
Utilities & Scripts

Detect Scrolling Direction (Up/Down)

Utilities & Scripts
Detect Scrolling Direction (Up/Down)
Dropdowns & Information

Basic Modal Setup

Dropdowns & Information
Basic Modal Setup
Dropdowns & Information

Accordion CSS Animation

Dropdowns & Information
Accordion CSS Animation
Utilities & Scripts

Dark/Light Mode with Cookie

Utilities & Scripts
Dark/Light Mode with Cookie
Forms

Live Form Validation (Basic)

Forms
Live Form Validation (Basic)
Video & Audio

Custom Vimeo Player (Basic)

Video & Audio
Custom Vimeo Player (Basic)
Video & Audio

Vimeo Background Video

Video & Audio
Vimeo Background Video
Video & Audio

Custom Vimeo Lightbox (Advanced)

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

Marquee with Scroll Direction

Sliders & Marquees
Marquee with Scroll Direction
Filters & Sorting

Basic Filter Setup

Filters & Sorting
Basic Filter Setup
Utilities & Scripts

Lenis Scroll-To Anchor Target

Utilities & Scripts
Lenis Scroll-To Anchor Target
Utilities & Scripts

Lenis Smooth Scroll Setup

Utilities & Scripts
Lenis Smooth Scroll Setup
Text Animations

Masked Text Reveal (GSAP SplitText)

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

Dynamic Current Year

Utilities & Scripts
Dynamic Current Year
Utilities & Scripts

Display Count

Utilities & Scripts
Display Count
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