gradient-background
TypeScript icon, indicating that this package has built-in type declarations

1.6.3 • Public • Published

NPM JavaScript Style Guide NPM npm npm bundle size GitHub stars

Gradient-Background

Easy way to add beauty background gradient on your websites. If you will like it i'm gonna add more gradient background themes for you

Examples:


Check demo here:

https://komstore.vercel.app/


Install:

npm i gradient-background
---
yarn add gradient-background

Usage:

// don't forget change props
import { GradientBackgroud } from 'gradient-background';


const App = () => {
  return (
    <div>
      <GradientBackgroud color='primary'/>
    </div>
  );
};

Colors in start positions:

primary:

secondary:

white:

dark:

blue:

orange:

green:

purple:


Props:

They are limited for responsive solution (all be good in mobile too)

props required default description
color(string) yes primary your background color

Dependencies (2)

Dev Dependencies (14)

Package Sidebar

Install

npm i gradient-background

Weekly Downloads

6

Version

1.6.3

License

MIT

Unpacked Size

18.4 kB

Total Files

16

Last publish

Collaborators

  • komahuman