Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

Dylan Brouwer Portfolio

January 13, 2026
Dylan Brouwer

@designby.dylan

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 13

In this project

Scroll Animations

Locomotive Smooth Scroll Setup

Scroll Animations
Locomotive Smooth Scroll Setup
Cursor Animations

Dynamic Custom Text Cursor (Edge Aware)

Cursor Animations
Dynamic Custom Text Cursor (Edge Aware)
Video & Audio

Custom Bunny HLS Lightbox (Advanced)

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

Bunny HLS Background Video

Video & Audio
Bunny HLS Background Video
Utilities & Scripts

Osmo Scaling System

Utilities & Scripts
Osmo Scaling System
Sliders & Marquees

Marquee with Scroll Direction

Sliders & Marquees
Marquee with Scroll Direction
Sections & Layouts

Footer Parallax Effect

Sections & Layouts
Footer Parallax Effect
Buttons

Underline Link Animation

Buttons
Underline Link Animation
Sliders & Marquees

Flick Cards Slider

Sliders & Marquees
Flick Cards Slider
Cursor Animations

Image Preview Cursor Follower

Cursor Animations
Image Preview Cursor Follower
Forms

Live Form Validation (Advanced)

Forms
Live Form Validation (Advanced)
Dropdowns & Information

Accordion CSS Animation

Dropdowns & Information
Accordion CSS Animation
Gimmicks

Accelerating Globe on Scroll

Gimmicks
Accelerating Globe on Scroll
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