Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

Hildén & Kaira

May 19, 2026
Dylan Brouwer

@designby.dylan

Studio Debuut

@debuut.studio

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 12

In this project

Text Animations

Masked Text Reveal (GSAP SplitText)

Text Animations
Masked Text Reveal (GSAP SplitText)
Buttons

Button with Rotating Icon

Buttons
Button with Rotating Icon
Sliders & Marquees

Flick Cards Slider

Sliders & Marquees
Flick Cards Slider
Sliders & Marquees

Swiper Slider Setup

Sliders & Marquees
Swiper Slider Setup
Hover Interactions

Momentum Based Hover (Inertia)

Hover Interactions
Momentum Based Hover (Inertia)
Forms

Live Form Validation (Advanced)

Forms
Live Form Validation (Advanced)
Sliders & Marquees

Line Reveal Testimonials

Sliders & Marquees
Line Reveal Testimonials
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)
Dropdowns & Information

Accordion CSS Animation

Dropdowns & Information
Accordion CSS Animation
Utilities & Scripts

Osmo Scaling System

Utilities & Scripts
Osmo Scaling System
Scroll Animations

Locomotive Smooth Scroll Setup

Scroll Animations
Locomotive Smooth Scroll Setup
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