react-gradient-ui

Gradient UI elements for React Websites

Example

Developers mostly learn by example, so here's a codepen to showcase react-gradient-ui https://codepen.io/chelseafarley/pen/xxLeWoK

Getting Started

Install the package:

    npm install --save react-gradient-ui

Import the React Components from the package:

    import { GradientButton, GradientBorderButton, GradientText } from 'react-gradient-ui'

Use the React Components:

    <GradientButton 
       options={{ borderRadius: 25, fromColor: "purple", toColor: "red", gradientAngle: 180 }} 
       buttonStyle={{ color: "white", height: "50px", width: "50px"}}>
       +
    </GradientButton>