https://github.com/illyism/gradient-picker

Fancy Gradient Picker built with Shadcn UI, Radix UI and Tailwind CSS.
https://github.com/illyism/gradient-picker

components gradients nextjs radix-ui react shadcn-ui tailwindcss ui

Last synced: 11 days ago
JSON representation

Fancy Gradient Picker built with Shadcn UI, Radix UI and Tailwind CSS.

• Host: GitHub
• URL: https://github.com/illyism/gradient-picker
• Owner: Illyism
• Created: 2023-08-05T00:02:53.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-08T16:50:48.000Z (9 months ago)
• Last Synced: 2024-10-11T00:54:11.666Z (27 days ago)
• Topics: components, gradients, nextjs, radix-ui, react, shadcn-ui, tailwindcss, ui
• Language: TypeScript
• Homepage: https://gradientpicker.vercel.app/
• Size: 302 KB
• Stars: 250
• Watchers: 2
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Gradient Picker



  



Fancy [Gradient Picker](https://gradientpicker.vercel.app/) built with Shadcn UI, Radix UI and Tailwind CSS.

## Usage

- **Live example**: https://gradientpicker.vercel.app/

- **Code and documentation**: https://gradient.page/picker

## Earn 80%

**✨ App developer? Use our free samples!**

Use the free samples provided by GradientPage in your app, sign up for our [affiliate program](https://gradient.page/affiliate) and you can use our samples commercially, then add a link to our premium wallpapers in your app! For every sale, you will get **80% commission** or up to **$60 per customer**!

## Features

- Solid colors

- [Gradients](https://gradient.page/css/ui-gradients)

- [Background](https://gradient.page/wallpapers) images

- Made with [Shadcn UI](https://github.com/shadcn-ui/ui)

## Examples

- Use it to get color themes for Shadcn UI: https://gradient.page/hex/FCD917

- [Stripe Fake Payment Notification Generator](https://gradient.page/tools/stripe-fake-payment-notification-generator)

## License

All the code is licensed under the the [MIT License](https://gradient.page/license).

Background images are ©️ GradientPage and can solely be used for non-commercial purposes unless a commercial license is purchased on [GradientPage](https://gradient.page).