Design inspiration curated from X

Gooey (liquid) effect Optimized for UI, 2 different types, works wi... - Jakub Antalik

Published by Jakub Antalik on August 11, 2026.

Gooey (liquid) effect Optimized for UI, 2 different types, works with shadows, build-in image melting effect, playground, zero dep http://gooey.jakubantalik.com npm install liquid-gooey

Design notes

Gooey (liquid) effect Optimized for UI, 2 different types, works with shadows, build-in image melting effect, playground, zero dep http://gooey.jakubantalik.com npm install liquid-gooey

This entry is part of MotionVault's curated archive of interface, product, brand, website, and motion design references from public creators on X.

Image rights and licensing remain with Jakub Antalik; use the original X post for source and licensing inquiries.

Deep Clone · React 19 + Framer Motion

Interactive Sandbox & Production Code

Reverse-engineered 1:1 component with spring physics, accessible keyboard controls, and modular Tailwind CSS.

Live Sandbox Public View Code PRO View Prompt PRO
https://northlight.design/sandbox/2087211438926348769
Launch Sandbox ↗
Production React 19 TypeScript + Framer Motion source component
🔒 Unlock Source Code ($19/mo)

Reference details

Creator
Jakub Antalik
X handle
@Jakubantalik
Published
August 11, 2026
Media
1 visual reference
Views
98,038
Likes
1,472
Bookmarks
1,830