SVG Blob Generator In React

Description:

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:

SVG Blob Generator In React

Add Comment