hub / github.com/Illyism/gradient-picker
github.com/Illyism/gradient-picker @main
Chat with this repo
15 symbols
58 edges
22 files
0 documented · 0%
● updated 8mo ago★ 3492 open issues
Browse by type
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
Gradient Picker
Fancy Gradient Picker 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 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
- Background images
- Made with Shadcn UI
Examples
- Use it to get color themes for Shadcn UI: https://gradient.page/hex/FCD917
- Stripe Fake Payment Notification Generator
License
All the code is licensed under the the MIT License.
Background images are ©️ GradientPage and can solely be used for non-commercial purposes unless a commercial license is purchased on GradientPage.
Extension points exported contracts — how you extend this code
NavItem (Interface)
(no doc)
types/nav.ts
MainNavProps (Interface)
(no doc)
components/main-nav.tsx
InputProps (Interface)
(no doc)
components/ui/input.tsx
ButtonProps (Interface)
(no doc)
components/ui/button.tsx
browse all types & interfaces →
Core symbols most depended-on inside this repo
TailwindIndicator
called by 0
components/tailwind-indicator.tsx
PickerExample
called by 0
components/PickerExample.tsx
GradientPicker
called by 0
components/PickerExample.tsx
GradientButton
called by 0
components/PickerExample.tsx
SiteHeader
called by 0
components/site-header.tsx
ThemeToggle
called by 0
components/theme-toggle.tsx
Shape
Languages
TypeScript100%
Modules by API surface
components/PickerExample.tsx3 symbols
components/main-nav.tsx2 symbols
types/nav.ts1 symbols
lib/utils.ts1 symbols
components/ui/input.tsx1 symbols
components/ui/button.tsx1 symbols
components/theme-toggle.tsx1 symbols
components/theme-provider.tsx1 symbols
components/tailwind-indicator.tsx1 symbols
components/site-header.tsx1 symbols
app/page.tsx1 symbols
app/layout.tsx1 symbols
For agents
$ claude mcp add gradient-picker \
-- python -m otcore.mcp_server <graph>