https://github.com/anuraglol/gradient-deck

🌈 Gradient Deck - Find awesome gradients!!
https://github.com/anuraglol/gradient-deck

clerkdev css firebase gradients nextjs tailwind tailwindcss vercel

Last synced: 9 days ago
JSON representation

🌈 Gradient Deck - Find awesome gradients!!

• Host: GitHub
• URL: https://github.com/anuraglol/gradient-deck
• Owner: anuraglol
• License: mit
• Created: 2021-09-26T07:33:02.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-12-14T15:12:36.000Z (about 3 years ago)
• Last Synced: 2024-05-01T18:51:52.599Z (8 months ago)
• Topics: clerkdev, css, firebase, gradients, nextjs, tailwind, tailwindcss, vercel
• Language: JavaScript
• Homepage: https://gradient-deck.vercel.app/
• Size: 2.37 MB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
 🌈 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](https://allcontributors.org/docs/en/emoji-key)):

  

    
Anurag
📖 💻

    
Dhruva Srinivas
💻

    
Krish Gupta
📖

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!