🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

React component that looks like liquid in space.

Animation React

Documentation

screenshot

react-blob

React component that looks like liquid in space

NPM JavaScript Style Guide

Demo

Install

npm install --save react-blob

Usage

import { Blob } from 'react-blob'  const Avatar = ({src, alt}) =>   <Blob size="100px" src={src} alt={alt}/>  const FunnyLinkButton = ({href, ...props}) =>   <a href={href}><Blob size="2em" {...props}/></a>  const BackgroundBlob = ({style, props}) =>   <Blob size="100vh"     style={{         position: 'absolute',         top: '-15%',         right: '-15%',         zIndex: -1,         backgroundColor: '#21D4FD',         color: 'white',         opacity: 0.05,         fontSize: '50vh',         ...style     }}     {...props}   />

License

MIT © Hermanya


You May Also Like