GitHub - anuraglol/gradient-deck: 🌈 Gradient Deck

🌈 Gradient Deck - Find Awesome Gradients 🌈

[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)

Try it Out

💡 What is Gradient Deck?

🔥 Gradient Deck is a tool made by Anurag for developers and designers to find awesome gradients!!

🍉 Features:

Curated list of awesome gradients

Copy gradient CSS Code

Download Gradient as Image

PWA

Fully Responsive 💻

Open Source

⚙ How it's made?

Next JS

Tailwind CSS

react-hot-toast

Material UI

react-icons

html2canvas

Framer Motion

Cloning/Installation Steps:

Clone the repo

git clone https://github.com/kr-anurag/gradient-deck

Change the directory

cd gradient-deck

Install the required modules

npm install

Run the app

npm run dev

// or if you use yarn
yarn dev

Contributing:

Head over to the `data.json` file and add the desired gradient:

Make sure to add the required fields in the below form:

{
  "colors": [
    "linear-gradient(180deg, #d309e1 0%, rgb(156, 26, 255) 100%)"
  ]
}

Make a PR

There you go!! That's it!

About Me:

Hey👋🏻, I'm Anurag, a 14 y/o developer based in India

Connect with me:

Twitter
Github

Contributors ✨

Thanks goes to these wonderful people (emoji key):

_Anurag
📖 💻

_{Dhruva Srinivas}
💻

_{Krish Gupta}
📖

This project follows the all-contributors specification. Contributions of any kind welcome!

Name		Name	Last commit message	Last commit date
Latest commit History 89 Commits
components		components
pages		pages
public		public
styles		styles
.all-contributorsrc		.all-contributorsrc
.gitignore		.gitignore
.replit		.replit
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
LICENSE		LICENSE
README.md		README.md
blackgrit.png		blackgrit.png
data.json		data.json
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
yarn.lock		yarn.lock

License

anuraglol/gradient-deck

Folders and files

Latest commit

History

Repository files navigation

🌈 Gradient Deck - Find Awesome Gradients 🌈

Try it Out

💡 What is Gradient Deck?

🔥 Gradient Deck is a tool made by Anurag for developers and designers to find awesome gradients!!

🍉 Features:

Curated list of awesome gradients

Copy gradient CSS Code

Download Gradient as Image

PWA

Fully Responsive 💻

Open Source

⚙ How it's made?

Next JS

Tailwind CSS

react-hot-toast

Material UI

react-icons

html2canvas

Framer Motion

Cloning/Installation Steps:

Clone the repo

Change the directory

Install the required modules

Run the app

Contributing:

Head over to the data.json file and add the desired gradient:

Make a PR

There you go!! That's it!

About Me:

Hey👋🏻, I'm Anurag, a 14 y/o developer based in India

Connect with me:

Contributors ✨

About

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

Packages 0

Contributors 4

Languages

Head over to the `data.json` file and add the desired gradient:

Packages