Volver al ranking

webkul/coolhue

JavaScriptwebkul.github.io/coolhue

Coolest Gradient Hues and Swatches

gradienthueswatchjavascriptcsspalettecolor
Crecimiento de estrellas
Estrellas
3.5k
Forks
202
Crecimiento semanal
Issues
2
2k2.5k3k3.5k
jun 2017jun 2020jul 2023jul 2026
Artefactosnpmnpm install coolhue
README

coolHue

coolHue

Coolest handpicked Gradient Hues and Swatches for your next super ⚡ amazing stuff. coolHue has 60 coolest Gradients. You can also personalize the coolHue Palette as per as your taste.

CoolHue gradients palette is rendered by JSON which makes it very easy to make a subtle update anytime.

Installation

You can create your very own personalized collection of Gradient Palette with CoolHue - You should have bower package manager installed on your machine to proceed further.

  1. Open terminal and install CoolHue with bower install coolhue.
  2. Go to coolhue directory with cd bower_components/coolhue command and run npm install.
  3. Once, all the node modules are installed successfully, run npm run coolhue.
  4. All the gradients which appears in the browser are rendered from scripts/coolhue.json file.
  5. You just need to update the coolhue.json Object (array) to create your very own gradient palette. Open scripts/coolhue.json in the text editor and add or update the hex codes to generate the gradient palettes.

coolHue JS Object

Including CoolHue in npm Workflow

CoolHue is also available as a node module. You can read How it works with npm to get started. If you are already familiar; Installation command is mentioned just below -

npm install --save-dev coolhue

Sketch App Plugin

  1. Download Coolhue.sketchplugin.zip
  2. Extract the archive
  3. Install Coolhue.sketchplugin for Sketch App
  4. Access it from Sketch's Menu Bar. Go to Plugins ➡️ Coolhue ➡️ Palette

coolHue Sketch Plugin

Sketch App Gradient Palette

You can download the coolHue Gradient Palette for Sketch App.

Photoshop Gradient Palette

You can download the coolHue Gradient Palette for Photoshop.

Credits

© Copyright Webkul Software, All rights reserved.

Repositorios relacionados
utkuozbulak/pytorch-cnn-visualizations

Pytorch implementation of convolutional neural network visualization techniques

PythonPyPIMIT Licensegrad-camcam
8.2k1.5k
simeydotme/pokemon-cards-css

A collection of advanced CSS styles to create realistic-looking effects for the faces of Pokemon cards.

CSSnpmGNU General Public License v3.0blend-modescss
poke-holo.simey.me
7.8k766
sarcadass/granim.js

Create fluid and interactive gradient animations with this small javascript library.

JavaScriptnpmMIT Licensefluidgradient
sarcadass.github.io/granim.js/
5.3k224
zenangst/Hue

:art: Hue is the all-in-one coloring utility that you'll ever need.

SwiftOtherhuehex
github.com/zenangst
3.6k223
cruisediary/Pastel

🎨 Gradient animation effect like Instagram

SwiftMIT Licenseswiftinstagram
3.5k186
yannickl/DynamicColor

Yet another extension to manipulate colors easily in Swift and SwiftUI

SwiftMIT Licenseuicolornscolor
cocoadocs.org/docsets/DynamicColor
3.1k146
itmeo/webgradients

180 linear gradients in CSS3, Figma, Sketch and PSD formats — free for personal and commercial use

CSSnpmMIT Licensegradientbackground
webgradients.com
2.5k141
RuffianZhong/RWidgetHelper

Android UI 快速开发,专治原生控件各种不服

JavaMavenstateselector
2k181
ruucm/shadergradient

Create beautiful moving gradients on Framer, Figma and React

TypeScriptnpmfigma-pluginframer
shadergradient.co
1.9k106
EnzymeAD/Enzyme

High-performance automatic differentiation of LLVM and MLIR.

LLVMOtherenzymellvm
enzyme.mit.edu
1.6k177
maxkonovalov/MKRingProgressView

⭕️ Ring progress view similar to Activity app on Apple Watch

SwiftMIT Licenseringprogress
1.6k139
FluxML/Zygote.jl

21st century AD

JuliaOtherjuliajulia-compiler
fluxml.ai/Zygote.jl/
1.6k220