npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

uigradients.gradients

v2.0.2-2

Published

Community contributed collection of beautiful multi-color gradients.

Downloads

14

Readme

Build Status license npm downloads per week npm package version

NPM

uigradients

A package of community contributed gradients.

This is taken directly from Ghosh/uiGradients; the intent of this package is to separate the gradients themselves from the uigradients.com website, which is currently hosted in the same repo. For now, please continue to make contributions to the original project, at https://github.com/Ghosh/uiGradients. I hope to get a pull-request in to that project soon to deprecate the gradients from there, in which case contributions will be migrated to this repo.

Install

This package can be installed from npm:

> npm install --save uigradients.gradients

Usage

const gradients = require('uigradients.gradients').gradients;
console.log(gradients['Purple Love']); // => ["#cc2b5e", "#753a88"]

Contributing

For now, please continue to make contributions to the original Ghosh/uiGradients project.

Adding Gradients

If you want to add a new gradient, please add it to gradients.json, following the existing format. Each gradient should have exactly two properties: a name and a colors array. The name is the name of the gradient and must be unique in the file. The elements of colors should be specified in any format that can be parsed by the color package.

The .editorconfig file describes what formatting you should use. If your editor supports EditorConfig, you should be all set. Otherwise, just make sure:

  • Spaces, not tabs
  • Two spaces per level of indent

To make sure your submission can be accepted, run npm run test and address any errors reported.

To submit your gradient:

  1. Fork this repo (e.g., on github)
  2. Create a new branch in the form "gradients/$GRADIENT_NAME" * Please don't modify existing gradients, even if you're the one who created it. People may be depending on these gradients.
  3. Submit a pull-request to the mearns/uigradients.gradients repo on github.

Other Changes

All bugs should have issues created for them on on github, and the issue id should be included in the branch name. Please feel free to create issues for feature requests/improvements as well.

If you have other changes you'd like to submit to this repo, follow the same guidelines as above, but name your branch as either "feature/${ISSUE_ID}-$BRIEF_DESCRIPTION" or "bug/${ISSUE_ID}-${BRIEF_DESCRIPTION}" as appropriate. If there is no issue for a feature, simply omit that issue id portion of the branch name (or consider creating an issue for it).

Please limit branches and merge requests to single bugs/features. Submit as many merge requests as you like.