Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

Daniel Bate Portfolio

November 20, 2025
Daniel Bate

@danielbate

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 12

In this project

Utilities & Scripts

Lenis Smooth Scroll Setup

Utilities & Scripts
Lenis Smooth Scroll Setup
Navigation

Side Navigation with Wipe Effect

Navigation
Side Navigation with Wipe Effect
Buttons

Button with CSS Character Stagger

Buttons
Button with CSS Character Stagger
Dropdowns & Information

Basic Modal Setup

Dropdowns & Information
Basic Modal Setup
Sliders & Marquees

Marquee with Scroll Direction

Sliders & Marquees
Marquee with Scroll Direction
Text Animations

Highlight Text on Scroll

Text Animations
Highlight Text on Scroll
Scroll Animations

Scaling Element on Scroll (GSAP Flip)

Scroll Animations
Scaling Element on Scroll (GSAP Flip)
Cursor Animations

Image Trail Following Cursor

Cursor Animations
Image Trail Following Cursor
Gimmicks

Change Page Title on Leave

Gimmicks
Change Page Title on Leave
Loaders

Number Loader in 3 Steps

Loaders
Number Loader in 3 Steps
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