react-blobby-blob

Blobby blobby blobs for React. (demo)

This blob effect was originally created for Saasify.

Install

npm install --save react-blobby-blob

Usage

import React from 'react'

import { Blob } from 'react-blobby-blob'
import 'react-blobby-blob/dist/index.css'

export () => (
  <Blob />
)

Animations

By default, the blob responds to clicks by randomly generating new control points around a rectangle and morphing to the new blob svg. You can control this behavior by setting interactive to false or changing the default duration of 150 ms.

License

MIT © Saasify

Support my OSS work by following me on twitter