styled-webgradients

a styled components version

install

npm install styled-webgradients --save

usage

import { AboveClouds } from 'styled-webgradients'

export default () => {
  return <AboveClouds animated={true} />
}

build linear or radial gradients manually

import { StyledWebgradients } from 'styled-webgradients/utils'

const sw = new StyledWebgradients()
// get raw data via webgradient name
sw.get('WarmFlame')

// build linear gradients css, return valid styled css`...`
sw.buildLinearGradient('WarmFlame')

// build radial gradients css, return valid styled css`...`
sw.unstable_buildRadialGradient('WarmFlame')