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: about 1 month 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 (11 months ago)
• Default Branch: main
• Last Pushed: 2024-02-08T16:50:48.000Z (5 months ago)
• Last Synced: 2024-02-18T15:46:17.570Z (5 months ago)
• Topics: components, gradients, nextjs, radix-ui, react, shadcn-ui, tailwindcss, ui
• Language: TypeScript
• Homepage: https://gradientpicker.vercel.app/
• Size: 302 KB
• Stars: 88
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Lists

• awesome-shadcn - gradient-picker
• awesome-shadcn-ui - gradient-picker - Fancy Gradient Picker built with Shadcn UI, Radix UI and Tailwind CSS. (Apps / Colors and Customizations)

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).