Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

Lumana Studio

January 12, 2026
Kiarash Sajadian

@kiarash-sajadian

Lumana Studio

@lumana-studio

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 13

In this project

Cursor Animations

Image Trail Following Cursor

Cursor Animations
Image Trail Following Cursor
Page Transitions

Pixelated Page Transition

Page Transitions
Pixelated Page Transition
Gimmicks

Change Page Title on Leave

Gimmicks
Change Page Title on Leave
Utilities & Scripts

Dynamic Current Time

Utilities & Scripts
Dynamic Current Time
Utilities & Scripts

Lenis Smooth Scroll Setup

Utilities & Scripts
Lenis Smooth Scroll Setup
Buttons

Magnetic Hover Effect

Buttons
Magnetic Hover Effect
Sliders & Marquees

Marquee with Scroll Direction

Sliders & Marquees
Marquee with Scroll Direction
Dropdowns & Information

Accordion CSS Animation

Dropdowns & Information
Accordion CSS Animation
Forms

Live Form Validation (Advanced)

Forms
Live Form Validation (Advanced)
Sliders & Marquees

CSS Marquee

Sliders & Marquees
CSS Marquee
Navigation

Scaling Hamburger Navigation

Navigation
Scaling Hamburger Navigation
Gimmicks

Falling 2D Objects (MatterJS)

Gimmicks
Falling 2D Objects (MatterJS)
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