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.
14 posts tagged with
Dynamic Tooltip Reveal Animations
In Playground, by Manoela Ilic
A dynamic tooltip animation with various reveal effects, comprised of different amounts of fragments appearing.
Gooey Cursor Effect
In Playground, by Manoela Ilic
A fun gooey cursor background effect with SVG filters and CSS blend modes.
Morphing Gooey Text Hover Effect
In Playground, by Manoela Ilic
Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.
Creating a “Jump Loader” Animation with SVG and GSAP
In Tutorials, by Chris Gannon
Learn how to create a playful “Jump Loader” animation with SVG and GSAP.
Creative Gooey Effects
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.
Subtle Click Feedback Effects
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.
