A React SVG Blob Generator inspired by blob shapes app.

How to use it:

1. Installation.

# Yarn
$ yarn add react-svg-blob

# NPM
$ npm i react-svg-blob --save

2. Import the SVG Blob Generator.

import {SvgBlob} from 'react-svg-blob';
import {cross as crossPattern} from 'react-svg-blob/dist/lib/patterns';

3. Basic usage.

<SvgBlob variant="solid" color="#00cec9" />;
<SvgBlob variant="gradient" colors={['#2980B9', '#6DD5FA']} />
<SvgBlob variant="pattern" pattern={crossPattern} color="#d1d8e0" isOutline />
<SvgBlob
  variant="image"
  image="https://source.unsplash.com/random/600x600/?plants"
/>

Preview:

Download Details:

Author: nghiepit

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/nghiepit/react-svg-blob

License: MIT