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

Package Sidebar

Install

npm i gradient-background

Weekly Downloads

2

Version

1.6.3

License

MIT

Unpacked Size

18.4 kB

Total Files

16

Last publish

Collaborators

  • komahuman