Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

EverWonder Studio

August 19, 2026
Dylan Brouwer

@designby.dylan

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 15

In this project

Navigation

Multilevel Navigation

Navigation
Multilevel Navigation
Loaders

Logo Reveal Loader

Loaders
Logo Reveal Loader
Page Transitions

Page Name Transition (Wipe)

Page Transitions
Page Name Transition (Wipe)
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)
Video & Audio

Play Video on Hover (Lazy)

Video & Audio
Play Video on Hover (Lazy)
Video & Audio

Mini Showreel Player

Video & Audio
Mini Showreel Player
Text Animations

Highlight Text on Scroll

Text Animations
Highlight Text on Scroll
Scroll Animations

Stacking Cards Parallax

Scroll Animations
Stacking Cards Parallax
Visual Effects

Progressive Blur

Visual Effects
Progressive Blur
Filters & Sorting

Basic Filter Setup

Filters & Sorting
Basic Filter Setup
Scroll Animations

Scaling Element on Scroll (GSAP Flip)

Scroll Animations
Scaling Element on Scroll (GSAP Flip)
Utilities & Scripts

Osmo Scaling System

Utilities & Scripts
Osmo Scaling System
Sliders & Marquees

CSS Marquee

Sliders & Marquees
CSS Marquee
Sliders & Marquees

Draggable Marquee (Directional)

Sliders & Marquees
Draggable Marquee (Directional)
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