Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

Paris by Emily

October 6, 2025
Baris Dogan

@barrybarisdogan

LOOP®

@loop

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 17

In this project

Gimmicks

Falling 2D Objects (MatterJS)

Gimmicks
Falling 2D Objects (MatterJS)
Buttons

Button with Bubble Arrow

Buttons
Button with Bubble Arrow
Buttons

Directional Button Hover

Buttons
Directional Button Hover
Scroll Animations

Scroll Progress Bar

Scroll Animations
Scroll Progress Bar
Cursor Animations

Image Trail Following Cursor

Cursor Animations
Image Trail Following Cursor
Gallery & Images

Parallax Image Gallery with Thumbnails

Gallery & Images
Parallax Image Gallery with Thumbnails
Text Animations

Highlight Text on Scroll

Text Animations
Highlight Text on Scroll
Scroll Animations

Parallax Image Layers

Scroll Animations
Parallax Image Layers
Sliders & Marquees

Stacked Cards Slider

Sliders & Marquees
Stacked Cards Slider
Cursor Animations

Image Preview Cursor Follower

Cursor Animations
Image Preview Cursor Follower
Scroll Animations

Stacking Cards Parallax

Scroll Animations
Stacking Cards Parallax
Cursor Animations

Cursor with Marquee Effect

Cursor Animations
Cursor with Marquee Effect
Utilities & Scripts

Lenis Smooth Scroll Setup

Utilities & Scripts
Lenis Smooth Scroll Setup
Sliders & Marquees

Marquee with Scroll Direction

Sliders & Marquees
Marquee with Scroll Direction
Dropdowns & Information

Accordion CSS Animation

Dropdowns & Information
Accordion CSS Animation
Cursor Animations

Basic Custom Cursor

Cursor Animations
Basic Custom Cursor
Buttons

Copy Email to Clipboard Button

Buttons
Copy Email to Clipboard Button
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