Gradient Deck

🌈 Gradient Deck - Find Awesome Gradients 🌈

[](#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!