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