---
name: "@colorshot"
slug: "colorshot"
description: "Color and gradient picker for React with linear, radial and conic gradients, OKLCH, an eyedropper and swatch groups, themed with your shadcn/ui tokens."
category: "Forms"
tags: ["backgrounds", "pro-available", "theming"]
framework: "react"
license: "MIT"
author: "rishimohan"
website: "https://orshot.com/open-source/colorshot"
github: "https://github.com/rishimohan/colorshot"
registry: "https://orshot.com/r/registry.json"
pro: true
pro_url: "https://orshot.com/pricing"
github_stars: 12
component_count: 1
generated_at: "2026-10-10T06:32:55.998Z"
---

# @colorshot

Color and gradient picker for React with linear, radial and conic gradients, OKLCH, an eyedropper and swatch groups, themed with your shadcn/ui tokens.

## Links

- Website: https://orshot.com/open-source/colorshot
- GitHub: https://github.com/rishimohan/colorshot
- Registry JSON: https://orshot.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/colorshot
- This file: https://sh4dcn.vercel.app/md/colorshot.md
- Pro / pricing: https://orshot.com/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://orshot.com/r/registry.json
pnpm dlx shadcn@latest add https://orshot.com/r/registry.json
bunx shadcn@latest add https://orshot.com/r/registry.json
# clone the source repo
git clone https://github.com/rishimohan/colorshot.git
# fetch the raw registry index
curl -s https://orshot.com/r/registry.json
```

## Components (1)

| name | type | description | install |
| --- | --- | --- | --- |
| color-picker | registry:ui | Color and gradient picker for React: solid colors plus linear, radial and conic gradients, OKLCH, an eyedropper and swatch groups, themed with your shadcn/ui t… | `npx shadcn@latest add https://orshot.com/r/color-picker.json` |

## For AI agents

```text
You are adding components from @colorshot to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/colorshot.md) for the component list.
2. Fetch the machine-readable index: https://orshot.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: colorshot).
```