/gradient-deck

🌈 Gradient Deck - Find awesome gradients!!

Primary LanguageJavaScriptMIT LicenseMIT

🌈 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!