Hermanya / react-blob

💧React component that looks like liquid in space
https://hermanya.github.io/react-blob
71 stars 7 forks source link

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