How to Create a Gooey Search Interaction with Framer Motion and React
In Tutorials by Oguzhan Tufenk
A ready-to-use search bar made with Framer Motion, featuring an interesting gooey effect.
In Tutorials by Oguzhan Tufenk
A ready-to-use search bar made with Framer Motion, featuring an interesting gooey effect.
In Playground by Manoela Ilic
A dynamic tooltip animation with various reveal effects, comprised of different amounts of fragments appearing.
In Playground by Manoela Ilic
A fun gooey cursor background effect with SVG filters and CSS blend modes.
In Playground by Manoela Ilic
Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.
In Tutorials by Chris Gannon
Learn how to create a playful “Jump Loader” animation with SVG and GSAP.
In Playground by Lucas Bebber
A set of examples that use a gooey SVG filter for creating a variety of different effects for all kinds of website components.
In Playground by Manoela Ilic
A set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases. The effects are done with CSS animations mostly on pseudo-elements.