You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The 'gooey effect' has been made popular by various (amazing) blogposts over the years. This tiny component makes it easy to use within React, and has improved the implementation. It's optimized to be as sharp/crisp as possible, since existing implementations can be a bit blurry. Safari support (which can be notorious, and is usually missing) has been added as well.
Installation (~0.5 KB)
npm install gooey-react
Usage
importGoofrom'gooey-react'<Goo> ... </Goo>
You can put regular HTML elements inside Goo, but using an SVG is recommended for better browser support. Shape blobbing will be applied to everything within the component.