Skip to content

Commit

Permalink
Version 2.0
Browse files Browse the repository at this point in the history
  • Loading branch information
khagwal committed Jul 11, 2018
1 parent ce73cae commit ce1bd50
Show file tree
Hide file tree
Showing 19 changed files with 2,904 additions and 541 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
node_modules/*
39 changes: 14 additions & 25 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,33 +1,22 @@

[![coolHue](https://webkul.com/blog/wp-content/uploads/2017/06/coolhue-logo.png)](https://webkul.github.io/coolhue/)
[![coolHue](https://webkul.github.io/coolhue/images/coolhue-cover.png)](https://webkul.github.io/coolhue/)
# coolHue
Coolest handpicked Gradient Hues and Swatches for your next super ⚡ amazing stuff. coolHue has 60 coolest Gradients and :seedling: the list is still growing. You can also personalize the coolHue Palette as per as your taste.

[![coolHue](https://webkul.com/blog/wp-content/uploads/2017/06/coolhue-card.png)](https://webkul.github.io/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 JavaScript Object** which makes it very easy to make a subtle update anytime.
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 -
1. Download the latest [coolHue release archive](http://bit.ly/coolhue-releases) from the repository's release section.
2. Unpack the archive and drag `index.html` in the browser, to check out the default gradient palette.
3. All the gradients which are visible in the browser by default are rendered by `colorData` Javascript Object.
4. You just need to update the `colorData` Object (array) to create your very own gradient palette. So, Open `index.html` in the text editor and update the color codes.

[![cooHue JS Object](https://webkul.com/blog/wp-content/uploads/2017/06/coolhue-data-object.png)](https://github.com/webkul/coolhue/blob/master/index.html)

5. Voila! :clap: drag the `index.html` into the browser and you are done!

---**else**---

You can grab the complete dev build using the **`bower`** package manager via following installation command

`bower install coolhue`
You can create your very own personalized collection of Gradient Palette with CoolHue -
You should have [`bower`](https://bower.io/#install-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 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.

:heavy_exclamation_mark: Installation command mentioned above needs bower to be pre installed on your local machine.
[![cooHue JS Object](https://webkul.github.io/coolhue/images/coolhue-json.png.png)](https://github.com/webkul/coolhue/blob/master/scripts/coolhue.json)

## npm package
coolHue is also available as node module. You can read [How it works](https://www.npmjs.com/package/coolhue) with `npm` to get started. If you are already familiar; Installation command is mentioned just below -
## Including CoolHue in `npm` Workflow
CoolHue is also available as a node module. You can read [How it works](https://www.npmjs.com/package/coolhue) with `npm` to get started. If you are already familiar; Installation command is mentioned just below -

`npm install --save-dev coolhue`

Expand All @@ -39,4 +28,4 @@ You can download the [coolHue Gradient Palette for Photoshop](http://bit.ly/cool
You can download the [coolHue Gradient Palette for Sketch App](http://bit.ly/coolhue-sketch).

# Credits
Crafted with :heart: by [UVdesk App](https://www.uvdesk.com/)
© Copyright [Webkul Software](https://webkul.com/), All rights reserved.
10 changes: 5 additions & 5 deletions bower.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "coolhue",
"version": "1.4.1",
"version": "2.0.0",
"homepage": "https://webkul.github.io/coolhue/",
"authors": [
"Nitish Kumar <[email protected]>"
Expand All @@ -11,10 +11,10 @@
"coolhue",
"swatch",
"palette",
"color-swatch",
"color-palette",
"gradient-swatch",
"gradient-palette"
"color swatch",
"color palette",
"gradient swatch",
"gradient palette"
],
"license": "MIT",
"ignore": [
Expand Down
Loading

0 comments on commit ce1bd50

Please sign in to comment.