Tutorial

Let's create something simple to show how this library can be used. First, install the dependency with NPM or Yarn.

Next, we'll add some elements inside the component. You can use regular HTML elements (like a div), but an SVG is used here for optimal browser support.

We'll want to add some dimensions and color to these elements so they're visible.

Which will look like the following.

If we move the elements closer together, the effect becomes apparent. You can use the intensity prop to control how strong the goo is applied.

We can add animations and transitions with some simple CSS transforms. For more complex and engaging movement, an animation library is recommended.

Which will result in the following.

Below is a similar example using regular HTML elements, without animation.