SVG Blob Generator In React

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

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

You Might Be Interested In:

Add Comment