Menu
Our Products
    Easings
    Soon
Explore
Member Login
Join Osmo
Featured
Milestone

We hit 1600 Members!

Drag

Update Log

Last Added X Days Ago

Take a peek inside our ever-growing collection of resources. We’ve added 000 resources over the past year, with the latest addition to the Vault added X days ago.

The next chapter: We rebranded Osmo
Featured
Milestone

X Days ago

The next chapter: We rebranded Osmo

We’re speaking at Webflow Conf in New York!
Featured
Milestone

X Days ago

We’re speaking at Webflow Conf in New York!

We’re going to FlowFest in Manchester!
Featured
Milestone

X Days ago

We’re going to FlowFest in Manchester!

We uploaded the 100th resource to the Vault.
Featured
Milestone

X Days ago

We uploaded the 100th resource to the Vault.

We just hit 1000 active members!
Featured
Milestone

X Days ago

We just hit 1000 active members!

Osmo Loading Animation Challenge
Featured
Milestone

X Days ago

Osmo Loading Animation Challenge

New: Visual search for the Vault.
Featured
Milestone

X Days ago

New: Visual search for the Vault.

New: Bookmark your resources
Featured
Milestone

X Days ago

New: Bookmark your resources

We launched a Webflow app to import SVG’s.
Featured
Milestone

X Days ago

We launched a Webflow app to import SVG’s.

You can now save icons directly from the Vault
Featured
Milestone

X Days ago

You can now save icons directly from the Vault

Our website wins Site of the Day on Awwwards!
Featured
Milestone

X Days ago

Our website wins Site of the Day on Awwwards!

Osmo is here. We launched!
Featured
Milestone

X Days ago

Osmo is here. We launched!

Dennis and Ilja are teaming up at Awwwards Conf.
Featured
Milestone

X Days ago

Dennis and Ilja are teaming up at Awwwards Conf.

Resources
added
weekly

Resources collection

Added every week

X days ago
New Resource

Draw Path on Scroll

Scroll Animations
Draw Path on Scroll
X days ago
New Resource

Live Search (List.js)

Filters & Sorting
Live Search (List.js)
X days ago
New Resource

Overlapping Slider

Sliders & Marquees
Overlapping Slider
X days ago
New Resource

Willem Loading Animation

Loaders
Willem Loading Animation
Resource

Download Button

Utilities & Scripts
Download Button
Resource

Crisp Loading Animation

Loaders
Crisp Loading Animation
Resource

Refracted Glass (Unicorn Studio)

Gallery & Images
Refracted Glass (Unicorn Studio)
Resource

Bold Full Screen Navigation

Navigation
Bold Full Screen Navigation
Resource

Cursor Coordinates

Cursor Animations
Cursor Coordinates
Resource

Elastic Pulse Button (Bouncy)

Buttons
Elastic Pulse Button (Bouncy)
Resource

Horizontal Scrolling Sections

Scroll Animations
Horizontal Scrolling Sections
Resource

Opening Hours (Timetable)

Utilities & Scripts
Opening Hours (Timetable)
Resource

3D Perspective Hover

Hover Interactions
3D Perspective Hover
Resource

Footer Parallax Effect

Sections & Layouts
Footer Parallax Effect
Resource

Layout Grid Flip

Sections & Layouts
Layout Grid Flip
Resource

Social Share Buttons

Utilities & Scripts
Social Share Buttons
Resource

Swiper Slider Setup

Sliders & Marquees
Swiper Slider Setup
Resource

Countdown

Utilities & Scripts
Countdown
Resource

Magnetic Cursor

Cursor Animations
Magnetic Cursor
Resource

Custom Bunny HLS Lightbox (Advanced)

Video & Audio
Custom Bunny HLS Lightbox (Advanced)
Resource

Bunny HLS Background Video

Video & Audio
Bunny HLS Background Video
Resource

Custom Bunny HLS Player (Basic)

Video & Audio
Custom Bunny HLS Player (Basic)
Resource

Logo Reveal Loader

Loaders
Logo Reveal Loader
Resource

Custom Bunny HLS Player (Advanced)

Video & Audio
Custom Bunny HLS Player (Advanced)
Resource

Sticky Features

Scroll Animations
Sticky Features
Resource

Accelerating Globe on Scroll

Gimmicks
Accelerating Globe on Scroll
Resource

Button with Slanted Reveal

Buttons
Button with Slanted Reveal
Resource

Cursor with Marquee Effect

Cursor Animations
Cursor with Marquee Effect
Resource

Stacking Cards Parallax

Scroll Animations
Stacking Cards Parallax
Resource

Multi Filter Setup (Multi Match)

Filters & Sorting
Multi Filter Setup (Multi Match)
Resource

Basic Filter Setup (Multi Match)

Filters & Sorting
Basic Filter Setup (Multi Match)
Resource

Elements Reveal on Scroll

Scroll Animations
Elements Reveal on Scroll
Resource

Pixelate Image Render Effect

Gallery & Images
Pixelate Image Render Effect
Resource

3D Image Carousel

Sliders & Marquees
3D Image Carousel
Resource

Directional List Hover

Hover Interactions
Directional List Hover
Resource

Image Preview Cursor Follower

Cursor Animations
Image Preview Cursor Follower
Resource

Logo Wall Cycle

Sections & Layouts
Logo Wall Cycle
Resource

Masonry Grid

Sections & Layouts
Masonry Grid
Resource

Flick Cards Slider

Sliders & Marquees
Flick Cards Slider
Resource

Back To Top Button

Utilities & Scripts
Back To Top Button
Resource

Face Follow Cursor (Mascot)

Gimmicks
Face Follow Cursor (Mascot)
Resource

Multilevel Navigation

Navigation
Multilevel Navigation
Resource

Momentum Based Hover (Inertia)

Hover Interactions
Momentum Based Hover (Inertia)
Resource

Tilting Bouncing Button

Buttons
Tilting Bouncing Button
Resource

Basic GSAP Slider (Watch CSS)

Sliders & Marquees
Basic GSAP Slider (Watch CSS)
Resource

Follow SVG Path on Scroll

Scroll Animations
Follow SVG Path on Scroll
Resource

Locomotive Smooth Scroll Setup

Scroll Animations
Locomotive Smooth Scroll Setup
Resource

Lottie Setup

Utilities & Scripts
Lottie Setup
Resource

Custom Cursor (CSS)

Cursor Animations
Custom Cursor (CSS)
Resource

Play Video on Hover (Lazy)

Video & Audio
Play Video on Hover (Lazy)
Resource

WhatsApp Modal (Generate QR Code)

Dropdowns & Information
WhatsApp Modal (Generate QR Code)
Resource

Stacked Cards Slider

Sliders & Marquees
Stacked Cards Slider
Resource

Global Parallax Setup

Scroll Animations
Global Parallax Setup
Resource

Falling Text with Gravity

Gimmicks
Falling Text with Gravity
Resource

Highlight Text on Scroll

Scroll Animations
Highlight Text on Scroll
Resource

Draw Random Underline

Buttons
Draw Random Underline
Resource

Welcoming Words Loader

Loaders
Welcoming Words Loader
Resource

404 Error Minigame

Gimmicks
404 Error Minigame
Resource

Masked Text Reveal (GSAP SplitText)

Scroll Animations
Masked Text Reveal (GSAP SplitText)
Resource

Glowing Interactive Dots Grid

Hover Interactions
Glowing Interactive Dots Grid
Resource

Javascript Toggle (Attributes)

Utilities & Scripts
Javascript Toggle (Attributes)
Resource

Centered Scaling Navigation Bar

Navigation
Centered Scaling Navigation Bar
Resource

Display Count

Utilities & Scripts
Display Count
Resource

Draggable Stickers

Gimmicks
Draggable Stickers
Resource

Custom Vimeo Lightbox (Advanced)

Video & Audio
Custom Vimeo Lightbox (Advanced)
Resource

Sticky Title Scroll Effect

Scroll Animations
Sticky Title Scroll Effect
Resource

Scaling Element on Scroll (GSAP Flip)

Scroll Animations
Scaling Element on Scroll (GSAP Flip)
Resource

Copy Email to Clipboard Button

Buttons
Copy Email to Clipboard Button
Resource

Falling 2D Objects (MatterJS)

Gimmicks
Falling 2D Objects (MatterJS)
Resource

Centered Looping Slider

Sliders & Marquees
Centered Looping Slider
Resource

One-page Progress Navigation

Navigation
One-page Progress Navigation
Resource

Button with Rotating Icon

Buttons
Button with Rotating Icon
Resource

Parallax Image Gallery with Thumbnails

Gallery & Images
Parallax Image Gallery with Thumbnails
Resource

Scaling Hamburger Navigation

Navigation
Scaling Hamburger Navigation
Resource

Before/After Split Slider

Gallery & Images
Before/After Split Slider
Resource

Play/Pause Video on Scroll

Video & Audio
Play/Pause Video on Scroll
Resource

Skeleton Loader Text

Scroll Animations
Skeleton Loader Text
Resource

Flickity Slider Setup (Watch CSS)

Sliders & Marquees
Flickity Slider Setup (Watch CSS)
Resource

Interactive Pixel Grid

Hover Interactions
Interactive Pixel Grid
Resource

CSS Marquee

Sliders & Marquees
CSS Marquee
Resource

Velocity Based Custom Cursor

Cursor Animations
Velocity Based Custom Cursor
Resource

Stop Motion Button (CSS Steps)

Buttons
Stop Motion Button (CSS Steps)
Resource

Dark/Light Mode with Cookie

Utilities & Scripts
Dark/Light Mode with Cookie
Resource

Lightbox Setup

Gallery & Images
Lightbox Setup
Resource

Audio Player (with Howler.js)

Video & Audio
Audio Player (with Howler.js)
Resource

Auto Image Cycle (Slideshow)

Gallery & Images
Auto Image Cycle (Slideshow)
Resource

Text Scramble (Load, Scroll, Hover)

Utilities & Scripts
Text Scramble (Load, Scroll, Hover)
Resource

Image Trail Following Cursor

Cursor Animations
Image Trail Following Cursor
Resource

Basic Filter Setup

Filters & Sorting
Basic Filter Setup
Resource

Sticky Section Tabs (CSS Only)

Dropdowns & Information
Sticky Section Tabs (CSS Only)
Resource

Change Page Title on Leave

Gimmicks
Change Page Title on Leave
Resource

Vimeo Background Video

Video & Audio
Vimeo Background Video
Resource

Tab System with Autoplay Option

Sections & Layouts
Tab System with Autoplay Option
Resource

Button with CSS Character Stagger

Buttons
Button with CSS Character Stagger
Resource

Basic Modal Setup

Dropdowns & Information
Basic Modal Setup
Resource

Toggle (CSS Only Trick)

Buttons
Toggle (CSS Only Trick)
Resource

Live Form Validation (Advanced)

Forms
Live Form Validation (Advanced)
Resource

Check Section Theme on Scroll

Utilities & Scripts
Check Section Theme on Scroll
Resource

Burger Menu Button

Buttons
Burger Menu Button
Resource

Draw On Element with Cursor

Cursor Animations
Draw On Element with Cursor
Resource

Custom Vimeo Player (Basic)

Video & Audio
Custom Vimeo Player (Basic)
Resource

Custom Vimeo Player (Advanced)

Video & Audio
Custom Vimeo Player (Advanced)
Resource

Accordion CSS Animation

Dropdowns & Information
Accordion CSS Animation
Resource

Marquee with Scroll Direction

Sliders & Marquees
Marquee with Scroll Direction
Resource

Detect Scrolling Direction (Up/Down)

Utilities & Scripts
Detect Scrolling Direction (Up/Down)
Resource

Magnetic Hover Effect

Buttons
Magnetic Hover Effect
Resource

Lenis Scroll-To Anchor Target

Utilities & Scripts
Lenis Scroll-To Anchor Target
Resource

Lenis Smooth Scroll Setup

Utilities & Scripts
Lenis Smooth Scroll Setup
Resource

Mouse Cursor Confetti (GSAP Physics2D)

Gimmicks
Mouse Cursor Confetti (GSAP Physics2D)
Resource

Dynamic Current Time

Utilities & Scripts
Dynamic Current Time
Resource

Morphing Play/Pause (GSAP MorphSVG)

Buttons
Morphing Play/Pause (GSAP MorphSVG)
Resource

Scroll Progress Number

Scroll Animations
Scroll Progress Number
Resource

Scroll Progress Bar

Scroll Animations
Scroll Progress Bar
Resource

Emoji Rain Effect

Gimmicks
Emoji Rain Effect
Resource

Basic Custom Cursor

Cursor Animations
Basic Custom Cursor
Resource

Directional Button Hover

Buttons
Directional Button Hover
Resource

Number Loader in 3 Steps

Loaders
Number Loader in 3 Steps
Resource

Button with Bubble Arrow

Buttons
Button with Bubble Arrow
Resource

Underline Link Animation

Buttons
Underline Link Animation
Resource

Live Form Validation (Basic)

Forms
Live Form Validation (Basic)
Resource

Pixelated Page Transition

Page Transitions
Pixelated Page Transition
Resource

Expiring New Badge/Label

Utilities & Scripts
Expiring New Badge/Label
Resource

Draggable Infinite Slider (GSAP Draggable)

Sliders & Marquees
Draggable Infinite Slider (GSAP Draggable)
Resource

Side Navigation with Wipe Effect

Navigation
Side Navigation with Wipe Effect
Resource

Dynamic Custom Text Cursor (Edge Aware)

Cursor Animations
Dynamic Custom Text Cursor (Edge Aware)
Resource

Osmo Scaling System

Utilities & Scripts
Osmo Scaling System
Resource

Dynamic Current Year

Utilities & Scripts
Dynamic Current Year
Resource

Parallax Image Layers

Scroll Animations
Parallax Image Layers
Resource

Apple Dock Navigation Bar

Navigation
Apple Dock Navigation Bar
Resource

Looping Words with Selector

Sections & Layouts
Looping Words with Selector
Resource

Pixelated Image Reveal

Hover Interactions
Pixelated Image Reveal