Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

Extrafazant

October 8, 2026
Dylan Brouwer

@designby.dylan

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 14

In this project

Text Animations

Variable Font Weight Hover

Text Animations
Variable Font Weight Hover
Utilities & Scripts

Osmo Scaling System

Utilities & Scripts
Osmo Scaling System
Video & Audio

Bunny HLS Background Video

Video & Audio
Bunny HLS Background Video
Video & Audio

Custom Bunny HLS Player (Basic)

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

Draw SVG Page Transition

Page Transitions
Draw SVG Page Transition
Buttons

Draw Random Underline

Buttons
Draw Random Underline
Video & Audio

Play Video on Hover (Lazy)

Video & Audio
Play Video on Hover (Lazy)
Sliders & Marquees

Marquee with Scroll Direction

Sliders & Marquees
Marquee with Scroll Direction
Cursor Animations

Custom Cursor (CSS)

Cursor Animations
Custom Cursor (CSS)
Cursor Animations

Dynamic Text Cursor

Cursor Animations
Dynamic Text Cursor
Hover Interactions

Momentum Based Hover (Inertia)

Hover Interactions
Momentum Based Hover (Inertia)
Dropdowns & Information

Accordion CSS Animation

Dropdowns & Information
Accordion CSS Animation
Text Animations

Masked Text Reveal (GSAP SplitText)

Text Animations
Masked Text Reveal (GSAP SplitText)
Sections & Layouts

Sticky Steps (Basic)

Sections & Layouts
Sticky Steps (Basic)
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