Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

ultimate.mvc

Package Overview
Dependencies
Maintainers
1
Versions
67
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ultimate.mvc

It is node js MVC for creating interactive chromium based cross-platform desktop-app and web-app

  • 1.0.2
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
1
decreased by-50%
Maintainers
1
Weekly downloads
 
Created
Source

javascript-color-gradient

MIT License Version Issue tracking GitHub stars

Lightweight JavaScript library, used to generate an array of color gradients by providing start and finish colors, as well as the required number of midpoints.

Demo

See Live Preview on CodeSandbox.

Note: All the examples are using ES6, be sure is supported in your browser or modify as needed, Chrome recommended.

Installation

npm install javascript-color-gradient

or

yarn add javascript-color-gradient

Usage

Using two color gradients

import Gradient from "javascript-color-gradient";

const colorGradient = new Gradient();

const color1 = "#3F2CAF";
const color2 = "#8BC2E3";

colorGradient.setGradient(color1, color2);

Or more:

import Gradient from "javascript-color-gradient";

const colorGradient = new Gradient();

const color1 = "#3F2CAF";
const color2 = "#e9446a";
const color3 = "#edc988";
const color4 = "#607D8B";

colorGradient.setMidpoint(20);

colorGradient.setGradient(color1, color2, color3, color4);

Methods

To set two or more hex color values. Should always be defined.

setGradient(color1, color2);

To set the number range to n. By default n is 10.

setMidpoint(n);

To return an array of hex colors. Requires no parameters.

getArray();

To return certain hex color corresponding to the number.

getColor(n);

Let's see them in action:

console.log(colorGradient.getArray());
// outputs ["#4e4ab9", "#5d68c4", "#6d86ce", "#7ca4d9", "#8bc2e3"]

console.log(colorGradient.getColor(3));
// outputs #6d86ce

Example

Implementing javascript-color-gradient library into React.js application, using two gradient colors and 10 midpoints.

1

The following example is using four gradient colors and 20 midpoints.

1

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

javascript-color-gradient is MIT licensed.

Contributors

Special thanks to all the contributors who have contributed for this project.

Keywords

FAQs

Package last updated on 31 May 2022

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc