Gooey Effects

Updated Apr 27, 2026

Explore 9 gooey effects code examples featuring HTML, CSS, JavaScript, jQuery.

The Gooey Effect

An interactive experiment with SVG filter and HTML5 Canvas. CLICK/TAP ANYWHERE AND DRAW. Top right icons for settings & clear. Enjoy :-)...

Technologies

HTML CSS JavaScript

Code By

tucsky

Created

2026-04-27

View on CodePen

Open Demo

CSS-only Content Toggle (Gooey effect)

Demo & Code

Simple Content Toggle made with SCSS, BeM & simple gooey effect (Gaussian Blur, ColorMatrix & Blend)...

Technologies

HTML CSS JavaScript

Code By

alexdevio

Created

2026-04-27

View on CodePen

Open Demo

Gooey Effect

Demo & Code

Explore this gooey effect built with HTML, CSS. Created by n3r4zzurr0. Interactive frontend code snippet.

Technologies

HTML CSS

Code By

n3r4zzurr0

Created

2026-04-27

View on CodePen

Open Demo

The gooey effect

Demo & Code

The gooey effect animation combining goo animation with "regular" translate animation Remake of this dribbble: https://dribbble.com/shots/2856734-Crow...

Technologies

HTML CSS JavaScript

Code By

ainalem

Created

2026-04-27

View on CodePen

Open Demo

Vertical menu with gooey effect on hover

Demo & Code

A vertical menu with gooey effect on hover. Navbar, Sidebar, Aside...

Technologies

HTML CSS JavaScript

Code By

onediv

Created

2026-04-27

View on CodePen