Demos Hub

Our curated collection of 500+ free demos, prototypes, animations, templates, layouts, UI styles, and experimental design concepts. Download and use freely under MIT.

hover×

gooey hover menu morphing navigation svg typography

Morphing Gooey Text Hover Effect

5 years ago by Manoela Ilic

distortion hover postprocessing Three.js WebGL

Interactive WebGL Hover Effects

5 years ago by Yuri Artiukh

grid hover intro page transition

Rapid Image Layers Animation

5 years ago by Manoela Ilic

Marquee_featured

CSS Only hover marquee menu typography

CSS-Only Marquee Effect

5 years ago by Manoela Ilic

cursor distortion filter hover svg

Animated Custom Cursor Effects

5 years ago by Manoela Ilic

distortion filter hover line link svg typography

Ideas for Distorted Link Effects on Menus

5 years ago by Manoela Ilic

From our sponsor

Master JavaScript animation with GSAP—free access to 34 video lessons, projects, and hands-on demos for all levels.

BackgroundScaleClip_featured

clip-path hover

Background Scale Hover Effect with CSS Clip-path

5 years ago by Manoela Ilic

DistortedLink_featured

distortion filter hover line link svg

Distorted Link Effects with SVG Filters

5 years ago by Manoela Ilic

distortion GSAP hover slideshow Three.js WebGL

Making Gooey Image Hover Effects with Three.js

6 years ago by Arno Di Nunzio

distortion glsl GSAP hover Motion Trail Three.js WebGL

How to Create Motion Hover Effects with Image Distortions using Three.js

6 years ago by Niccolò Miranda

distortion fluid hover OGL WebGL

Mouse Flowmap Deformation with OGL

6 years ago by Robin Delaporte

carousel hover parallax react slider slideshow

React Slider with Parallax Hover Effects

6 years ago by Ryan Mulligan

grid hover menu page transition typography

Animated Image Columns

6 years ago by Manoela Ilic

From our sponsor

Uncode is a pixel-perfect creative WordPress Theme for creating stunning websites.

canvas distortion glsl hover menu navigation pixi.js WebGL

How to Build an Underwater-Style Navigation Using PixiJS

6 years ago by Liam Egan

distortion draggable hover menu Three.js WebGL

How to Create a Sticky Image Effect with Three.js

6 years ago by Daniel Velasquez

distortion filter hover menu svg

Image Distortion Effects with SVG Filters

6 years ago by Manoela Ilic

cursor GSAP hover

Custom Cursor Effects

6 years ago by Stefan Kaltenegger

hover Three.js WebGL

Interactive Repulsion Effect with Three.js

7 years ago by Ion D. Filho

Image Reveal Hover Effects

7 years ago by Manoela Ilic

grid hover infinite menu scroll

Fullscreen Hover Loop Effect

7 years ago by Manoela Ilic

From our sponsor

Learn to build web apps with Next.js, the world's most popular full-stack framework, in this course on Scrimba.

grid hover page transition

Grid Layout with Motion Hover Effect and Content Preview

7 years ago by Manoela Ilic

button form hover progressive hover proximity

Ideas for Proximity Feedback with Progressive Hover Effects

7 years ago by Manoela Ilic

distortion hover WebGL

WebGL Distortion Hover Effects

7 years ago by Robin Delaporte

clip-path glitch hover

CSS Glitch Effect

7 years ago by Manoela Ilic

hover morphing page transition svg

Organic SVG Shape Morph Ideas

8 years ago by Manoela Ilic

hover link menu

Inspiration for Menu Hover Effects

8 years ago by Manoela Ilic

hover typography

Letter Effects and Interaction Ideas (Part 2)

8 years ago by Manoela Ilic

From our sponsor

Meco is a new way to read newsletters separate from your inbox

clip-path hover morphing shape

Organic Shape Animations with SVG clipPath

8 years ago by Manoela Ilic

hover typography

Letter Effects and Interaction Ideas

8 years ago by Manoela Ilic

Folder Preview Ideas

8 years ago by Manoela Ilic

Stack Motion Hover Effects

8 years ago by Manoela Ilic

Tilt Hover Effects

9 years ago by Manoela Ilic

audio hover link video

Artsy Media Pop Up Effect

9 years ago by Manoela Ilic

hover map tooltip

Simple Interactive Points Effect

9 years ago by Manoela Ilic

hover pricing table

Some Inspiration for Pricing Tables

10 years ago by Manoela Ilic

Image Tilt Effect

10 years ago by Manoela Ilic

« Previous 1 2 3 Next »