Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

Zachwyt

July 7, 2026
Mateusz Szymkowicz

@mateoszymkowicz

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 21

In this project

Buttons

Button with Bubble Arrow

Buttons
Button with Bubble Arrow
Navigation

Scaling Hamburger Navigation

Navigation
Scaling Hamburger Navigation
Loaders

Logo Reveal Loader

Loaders
Logo Reveal Loader
Sliders & Marquees

Flick Cards Slider

Sliders & Marquees
Flick Cards Slider
Buttons

Magnetic Hover Effect

Buttons
Magnetic Hover Effect
Scroll Animations

Draw Path on Scroll

Scroll Animations
Draw Path on Scroll
Utilities & Scripts

Opening Hours (Timetable)

Utilities & Scripts
Opening Hours (Timetable)
Sections & Layouts

Footer Parallax Effect

Sections & Layouts
Footer Parallax Effect
Video & Audio

Custom Bunny HLS Lightbox (Advanced)

Video & Audio
Custom Bunny HLS Lightbox (Advanced)
Video & Audio

Custom Bunny HLS Player (Basic)

Video & Audio
Custom Bunny HLS Player (Basic)
Video & Audio

Custom Bunny HLS Player (Advanced)

Video & Audio
Custom Bunny HLS Player (Advanced)
Hover Interactions

Directional List Hover

Hover Interactions
Directional List Hover
Cursor Animations

Image Preview Cursor Follower

Cursor Animations
Image Preview Cursor Follower
Hover Interactions

Momentum Based Hover (Inertia)

Hover Interactions
Momentum Based Hover (Inertia)
Scroll Animations

Scaling Element on Scroll (GSAP Flip)

Scroll Animations
Scaling Element on Scroll (GSAP Flip)
Forms

Live Form Validation (Advanced)

Forms
Live Form Validation (Advanced)
Sliders & Marquees

Marquee with Scroll Direction

Sliders & Marquees
Marquee with Scroll Direction
Dropdowns & Information

Accordion CSS Animation

Dropdowns & Information
Accordion CSS Animation
Utilities & Scripts

Lenis Smooth Scroll Setup

Utilities & Scripts
Lenis Smooth Scroll Setup
Gimmicks

Emoji Rain Effect

Gimmicks
Emoji Rain Effect
Utilities & Scripts

Dynamic Current Year

Utilities & Scripts
Dynamic Current Year
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