Locked

Saved

Nothing to see here... yet!

See something you love? Save it here for later with the tiny bookmark icon in the top right of a card, or hit ‘Bookmark’ on the resource page.

Locked

Line Reveal Testimonials

Locked

Mini Showreel Player

Locked

Two-step Scaling Navigation

Locked

Dropping Cards Stack

Locked

Expanding Feature Pills

Locked

Rotating Image Trail

Locked

Variable Font Weight Hover

Locked

Image to Background (Zoom)

Locked

Image Sequence on Scroll

Locked

Tooltip (CSS Only)

Locked

Draggable Marquee (Directional)

Locked

Radial Text Marquee

Locked

Snowflake Effect

Locked

Big Typo Scroll Preview (Infinite)

Locked

Rotating Text

Locked

Stacking Image Trail

Locked

Draw Path on Scroll

Locked

Live Search (List.js)

Locked

Overlapping Slider

Locked

Willem Loading Animation

Locked

Download Button

Locked

Crisp Loading Animation

$Refracted Glass (Unicorn Studio)$

Locked

Refracted Glass (Unicorn Studio)

Locked

Bold Full Screen Navigation

Locked

Cursor Coordinates

Locked

Connecting to the Webflow CMS

Locked

Elastic Pulse Button (Bouncy)

Locked

Horizontal Scrolling Sections

Locked

Opening Hours (Timetable)

Locked

3D Perspective Hover

Locked

Footer Parallax Effect

Locked

Layout Grid Flip

Locked

Social Share Buttons

Locked

Swiper Slider Setup

Locked

Interactions Demo Webflow Conf '25

Locked

Countdown

Locked

Magnetic Cursor

Locked

Custom Bunny HLS Lightbox (Advanced)

Locked

Bunny HLS Background Video

Locked

Custom Bunny HLS Player (Basic)

Locked

Logo Reveal Loader

Locked

Custom Bunny HLS Player (Advanced)

Locked

Sticky Features

Locked

Accelerating Globe on Scroll

Locked

Button with Slanted Reveal

Locked

Cursor with Marquee Effect

Locked

Stacking Cards Parallax

Locked

Multi Filter Setup (Multi Match)

Locked

Basic Filter Setup (Multi Match)

Locked

Elements Reveal on Scroll

Locked

Pixelate Image Render Effect

Locked

3D Image Carousel

Locked

Directional List Hover

Locked

Image Preview Cursor Follower

Locked

Logo Wall Cycle

Locked

Masonry Grid

Locked

Flick Cards Slider

Locked

Back To Top Button

Locked

Face Follow Cursor (Mascot)

Locked

Multilevel Navigation

Locked

Momentum Based Hover (Inertia)

Locked

Tilting Bouncing Button

Locked

Basic GSAP Slider (Watch CSS)

Locked

Follow SVG Path on Scroll

Locked

Locomotive Smooth Scroll Setup

Locked

Lottie Setup

Locked

Custom Cursor (CSS)

Locked

Play Video on Hover (Lazy)

Locked

WhatsApp Modal (Generate QR Code)

Locked

Stacked Cards Slider

Locked

Global Parallax Setup

Locked

Falling Text with Gravity

Locked

Highlight Text on Scroll

Locked

Draw Random Underline

Locked

Welcoming Words Loader

Locked

404 Error Minigame

Locked

Masked Text Reveal (GSAP SplitText)

Locked

Glowing Interactive Dots Grid

Locked

Javascript Toggle (Attributes)

Locked

Centered Scaling Navigation Bar

Locked

Display Count

Locked

Draggable Stickers

Locked

Custom Vimeo Lightbox (Advanced)

Locked

Sticky Title Scroll Effect

Locked

Scaling Element on Scroll (GSAP Flip)

Locked

Copy Email to Clipboard Button

Locked

Falling 2D Objects (MatterJS)

Locked

Centered Looping Slider

Locked

One-page Progress Navigation

Locked

Button with Rotating Icon

Locked

Parallax Image Gallery with Thumbnails

Locked

Scaling Hamburger Navigation

Locked

Before/After Split Slider

Locked

Play/Pause Video on Scroll

Locked

Skeleton Loader Text

Locked

Flickity Slider Setup (Watch CSS)

Locked

Interactive Pixel Grid

Locked

CSS Marquee

Locked

Velocity Based Custom Cursor

Locked

Stop Motion Button (CSS Steps)

Locked

Dark/Light Mode with Cookie

Locked

Lightbox Setup

Locked

Audio Player (with Howler.js)

Locked

Auto Image Cycle (Slideshow)

Locked

Text Scramble (Load, Scroll, Hover)

Locked

Image Trail Following Cursor

Locked

Basic Filter Setup

Locked

Sticky Section Tabs (CSS Only)

Locked

Change Page Title on Leave

Locked

Vimeo Background Video

Locked

Tab System with Autoplay Option

Locked

Button with CSS Character Stagger

Locked

Welcome to The Vault

Locked

Using CSS in Webflow

Locked

Using the Copy to Webflow Button

Locked

Using Javascript in Webflow

Locked

External Scripts in Webflow

Locked

Basic Modal Setup

Locked

Toggle (CSS Only Trick)

Locked

Live Form Validation (Advanced)

Locked

Check Section Theme on Scroll

Locked

Burger Menu Button

Locked

Draw On Element with Cursor

Locked

Custom Vimeo Player (Basic)

Locked

Custom Vimeo Player (Advanced)

Locked

Accordion CSS Animation

Locked

Marquee with Scroll Direction

Locked

Detect Scrolling Direction (Up/Down)

Locked

Magnetic Hover Effect

Locked

Lenis Scroll-To Anchor Target

Locked

Lenis Smooth Scroll Setup

Locked

Mouse Cursor Confetti (GSAP Physics2D)

Locked

Dynamic Current Time

Locked

Morphing Play/Pause (GSAP MorphSVG)

Locked

Scroll Progress Number

Locked

Scroll Progress Bar

Locked

Emoji Rain Effect

Locked

Basic Custom Cursor

Locked

Directional Button Hover

Locked

Number Loader in 3 Steps

Locked

Button with Bubble Arrow

Locked

Underline Link Animation

Locked

Live Form Validation (Basic)

Locked

Pixelated Page Transition

Locked

Expiring New Badge/Label

Locked

Draggable Infinite Slider (GSAP Draggable)

Locked

Side Navigation with Wipe Effect

Locked

Dynamic Custom Text Cursor (Edge Aware)

Locked

Osmo Scaling System

Locked

Dynamic Current Year

Locked

Parallax Image Layers

Locked

Apple Dock Navigation Bar

Locked

Looping Words with Selector

Locked

Need help?

Join the Osmo Slack Community

Unlock the Osmo Vault

Upgrade toLifetime

Saved

Nothing to see here... yet!

Line Reveal Testimonials

Mini Showreel Player

Two-step Scaling Navigation

Dropping Cards Stack

Expanding Feature Pills

Rotating Image Trail

Variable Font Weight Hover

Image to Background (Zoom)

Image Sequence on Scroll

Tooltip (CSS Only)

Draggable Marquee (Directional)

Radial Text Marquee

Snowflake Effect

Big Typo Scroll Preview (Infinite)

Rotating Text

Stacking Image Trail

Draw Path on Scroll

Live Search (List.js)

Overlapping Slider

Willem Loading Animation

Download Button

Crisp Loading Animation

Refracted Glass (Unicorn Studio)

Bold Full Screen Navigation

Cursor Coordinates

Connecting to the Webflow CMS

Elastic Pulse Button (Bouncy)

Horizontal Scrolling Sections

Opening Hours (Timetable)

3D Perspective Hover

Footer Parallax Effect

Layout Grid Flip

Social Share Buttons

Swiper Slider Setup

Interactions Demo Webflow Conf '25

Countdown

Magnetic Cursor

Custom Bunny HLS Lightbox (Advanced)

Bunny HLS Background Video

Custom Bunny HLS Player (Basic)

Logo Reveal Loader

Custom Bunny HLS Player (Advanced)

Sticky Features

Accelerating Globe on Scroll

Button with Slanted Reveal

Cursor with Marquee Effect

Stacking Cards Parallax

Multi Filter Setup (Multi Match)

Basic Filter Setup (Multi Match)

Elements Reveal on Scroll

Pixelate Image Render Effect

3D Image Carousel

Directional List Hover

Image Preview Cursor Follower

Logo Wall Cycle

Masonry Grid

Flick Cards Slider

Back To Top Button

Face Follow Cursor (Mascot)

Multilevel Navigation

Momentum Based Hover (Inertia)

Tilting Bouncing Button

Basic GSAP Slider (Watch CSS)

Follow SVG Path on Scroll

Locomotive Smooth Scroll Setup

Lottie Setup

Custom Cursor (CSS)

Play Video on Hover (Lazy)

WhatsApp Modal (Generate QR Code)

Stacked Cards Slider

Global Parallax Setup

Falling Text with Gravity

Highlight Text on Scroll

Draw Random Underline

Unlock the
Osmo Vault

Upgrade to
Lifetime