chore: add sponsor badge.

uiwjs · Nov 27, 2023 · 1ed3761 · 1ed3761
1 parent e4bccb2
commit 1ed3761
Show file tree

Hide file tree

Showing 47 changed files with 57 additions and 2 deletions.
diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
@@ -0,0 +1,9 @@
+# These are supported funding model platforms
+
+# github: [jaywcjlove]
+# patreon: # Replace with a single Patreon username
+# open_collective: # Replace with a single Open Collective username
+# ko_fi: # Replace with a single Ko-fi username
+# tidelift: #npm/xxxx
+# community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+custom: https://jaywcjlove.github.io/#/sponsor
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -92,7 +92,7 @@ jobs:
           name: ${{ steps.create_tag.outputs.version }}
           tag: ${{ steps.create_tag.outputs.version }}
           body: |
-            [![](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color@${{steps.create_tag.outputs.versionNumber}}/file/README.md) [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color)](https://bundlephobia.com/result?p=@uiw/react-color@${{steps.create_tag.outputs.versionNumber}})
+            [![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor) [![](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color@${{steps.create_tag.outputs.versionNumber}}/file/README.md) [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color)](https://bundlephobia.com/result?p=@uiw/react-color@${{steps.create_tag.outputs.versionNumber}})
             
             Documentation ${{ steps.changelog.outputs.tag }}: https://raw.githack.com/uiwjs/react-color/${{ steps.changelog.outputs.gh-pages-short-hash }}/index.html  
             Comparing Changes: ${{ steps.changelog.outputs.compareurl }}  

diff --git a/.github/workflows/pr.yml b/.github/workflows/pr.yml
@@ -11,7 +11,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
       - run: npm install
       - run: npm run build
       - run: npm install

diff --git a/packages/color-alpha/README.md b/packages/color-alpha/README.md
@@ -1,6 +1,7 @@
 React Color Alpha
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-alpha)](https://bundlephobia.com/package/@uiw/react-color-alpha) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-alpha.svg)](https://www.npmjs.com/package/@uiw/react-color-alpha) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color/file/README.md)
 
 Alpha is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-alpha/package.json b/packages/color-alpha/package.json
@@ -4,6 +4,7 @@
   "description": "Color alpha",
   "author": "Kenny Wong <[email protected]>",
   "homepage": "https://uiwjs.github.io/react-color/#/alpha",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

diff --git a/packages/color-block/README.md b/packages/color-block/README.md
@@ -1,6 +1,7 @@
 React Color Block
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-block)](https://bundlephobia.com/package/@uiw/react-color-block) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-block.svg)](https://www.npmjs.com/package/@uiw/react-color-block) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-block/file/README.md)
 
 Block is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-block/package.json b/packages/color-block/package.json
@@ -4,6 +4,7 @@
   "description": "Color Block Picker",
   "author": "Kenny Wong <[email protected]>",
   "homepage": "https://uiwjs.github.io/react-color/#/block",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

diff --git a/packages/color-chrome/README.md b/packages/color-chrome/README.md
@@ -1,6 +1,7 @@
 React Color Chrome
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-chrome)](https://bundlephobia.com/package/@uiw/react-color-chrome) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-chrome.svg)](https://www.npmjs.com/package/@uiw/react-color-chrome) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-chrome/file/README.md)
 
 Chrome Component is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-chrome/package.json b/packages/color-chrome/package.json
@@ -4,6 +4,7 @@
   "description": "Color Github Picker",
   "author": "Kenny Wong <[email protected]>",
   "homepage": "https://uiwjs.github.io/react-color/#/chrome",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

diff --git a/packages/color-circle/README.md b/packages/color-circle/README.md
@@ -1,6 +1,7 @@
 React Color Swatch
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-circle)](https://bundlephobia.com/package/@uiw/react-color-circle) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-circle.svg)](https://www.npmjs.com/package/@uiw/react-color-circle) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-circle/file/README.md)
 
 Circle Component is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-circle/package.json b/packages/color-circle/package.json
@@ -3,6 +3,7 @@
   "version": "2.0.2",
   "description": "Color swatch component for React.",
   "homepage": "https://uiwjs.github.io/react-color/#/circle",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "author": "Kenny Wong <[email protected]>",
   "sideEffects": false,
   "main": "cjs/index.js",

diff --git a/packages/color-colorful/README.md b/packages/color-colorful/README.md
@@ -1,6 +1,7 @@
 React Color Colorful
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-colorful)](https://bundlephobia.com/package/@uiw/react-color-colorful) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-colorful.svg)](https://www.npmjs.com/package/@uiw/react-color-colorful) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-colorful/file/README.md)
 
 Colorful Component is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-colorful/package.json b/packages/color-colorful/package.json
@@ -4,6 +4,7 @@
   "description": "Color Colorful",
   "author": "Kenny Wong <[email protected]>",
   "homepage": "https://uiwjs.github.io/react-color/#/colorful",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

diff --git a/packages/color-compact/README.md b/packages/color-compact/README.md
@@ -1,6 +1,7 @@
 React Color Compact
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-compact)](https://bundlephobia.com/package/@uiw/react-color-compact) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-compact.svg)](https://www.npmjs.com/package/@uiw/react-color-compact) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-compact/file/README.md)
 
 Compact Component is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-compact/package.json b/packages/color-compact/package.json
@@ -3,6 +3,7 @@
   "version": "2.0.2",
   "description": "Color Compact component for React.",
   "homepage": "https://uiwjs.github.io/react-color/#/compact",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "author": "Kenny Wong <[email protected]>",
   "sideEffects": false,
   "main": "cjs/index.js",

diff --git a/packages/color-convert/README.md b/packages/color-convert/README.md
@@ -1,6 +1,7 @@
 Color Convert
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/color-convert)](https://bundlephobia.com/package/@uiw/color-convert) [![npm version](https://img.shields.io/npm/v/@uiw/color-convert.svg)](https://www.npmjs.com/package/@uiw/color-convert) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/color-convert/file/README.md)
 
 ## Install

diff --git a/packages/color-convert/package.json b/packages/color-convert/package.json
@@ -4,6 +4,7 @@
   "description": "Color Convert",
   "author": "Kenny Wong <[email protected]>",
   "homepage": "https://uiwjs.github.io/react-color/#/convert",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

diff --git a/packages/color-editable-input-hsla/README.md b/packages/color-editable-input-hsla/README.md
@@ -1,6 +1,7 @@
 React Color Editable Input HSLA
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-editable-input-hsla)](https://bundlephobia.com/package/@uiw/react-color-editable-input-hsla) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-editable-input-hsla.svg)](https://www.npmjs.com/package/@uiw/react-color-editable-input-hsla) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-editable-input-hsla/file/README.md)
 
 EditableInputHSLA Component is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-editable-input-hsla/package.json b/packages/color-editable-input-hsla/package.json
@@ -4,6 +4,7 @@
   "description": "Color Editable Input HSLA",
   "author": "Kenny Wong <[email protected]>",
   "homepage": "https://uiwjs.github.io/react-color/#/editable-input-hsla",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

diff --git a/packages/color-editable-input-rgba/README.md b/packages/color-editable-input-rgba/README.md
@@ -1,6 +1,7 @@
 React Color Editable Input RGBA
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-editable-input-rgba)](https://bundlephobia.com/package/@uiw/react-color-editable-input-rgba) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-editable-input-rgba.svg)](https://www.npmjs.com/package/@uiw/react-color-editable-input-rgba) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-editable-input-rgba/file/README.md)
 
 EditableInputRGBA Component is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-editable-input-rgba/package.json b/packages/color-editable-input-rgba/package.json
@@ -4,6 +4,7 @@
   "description": "Color Editable Input RGBA",
   "author": "Kenny Wong <[email protected]>",
   "homepage": "https://uiwjs.github.io/react-color/#/editable-input-rgba",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

diff --git a/packages/color-editable-input/README.md b/packages/color-editable-input/README.md
@@ -1,6 +1,7 @@
 React Color Editable Input
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-editable-input)](https://bundlephobia.com/package/@uiw/react-color-editable-input) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-editable-input.svg)](https://www.npmjs.com/package/@uiw/react-color-editable-input) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color/file/README.md)
 
 EditableInput Component is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-editable-input/package.json b/packages/color-editable-input/package.json
@@ -4,6 +4,7 @@
   "description": "Color Editable Input",
   "author": "Kenny Wong <[email protected]>",
   "homepage": "https://uiwjs.github.io/react-color/#/editable-input",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

diff --git a/packages/color-github/README.md b/packages/color-github/README.md
@@ -1,6 +1,7 @@
 React Color Github
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-github)](https://bundlephobia.com/package/@uiw/react-color-github) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-github.svg)](https://www.npmjs.com/package/@uiw/react-color-github) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-github/file/README.md)
 
 Github Component is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-github/package.json b/packages/color-github/package.json
@@ -4,6 +4,7 @@
   "description": "Color Github Picker",
   "author": "Kenny Wong <[email protected]>",
   "homepage": "https://uiwjs.github.io/react-color/#/github",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

diff --git a/packages/color-hue/README.md b/packages/color-hue/README.md
@@ -1,6 +1,7 @@
 React Color Hue
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-hue)](https://bundlephobia.com/package/@uiw/react-color-hue) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-hue.svg)](https://www.npmjs.com/package/@uiw/react-color-hue) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-hue/file/README.md)
 
 Hue Component is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-hue/package.json b/packages/color-hue/package.json
@@ -4,6 +4,7 @@
   "description": "Color hue",
   "author": "Kenny Wong <[email protected]>",
   "homepage": "https://uiwjs.github.io/react-color/#/hue",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

diff --git a/packages/color-material/README.md b/packages/color-material/README.md
@@ -1,6 +1,7 @@
 React Color Material
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-material)](https://bundlephobia.com/package/@uiw/react-color-material) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-material.svg)](https://www.npmjs.com/package/@uiw/react-color-material) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-material/file/README.md)
 
 Material Component is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-material/package.json b/packages/color-material/package.json
@@ -4,6 +4,7 @@
   "description": "Color Material",
   "author": "Kenny Wong <[email protected]>",
   "homepage": "https://uiwjs.github.io/react-color/#/material",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

diff --git a/packages/color-name/README.md b/packages/color-name/README.md
@@ -1,6 +1,7 @@
 React Color Name
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-name)](https://bundlephobia.com/package/@uiw/react-color-name) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-name.svg)](https://www.npmjs.com/package/@uiw/react-color-name) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-name/file/README.md)
 
 Color Name to Hex. [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-name/package.json b/packages/color-name/package.json
@@ -4,6 +4,7 @@
   "description": "Color Name to Hex",
   "author": "Kenny Wong <[email protected]>",
   "homepage": "https://uiwjs.github.io/react-color/#/name",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

diff --git a/packages/color-saturation/README.md b/packages/color-saturation/README.md
@@ -1,6 +1,7 @@
 React Color Saturation
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-saturation)](https://bundlephobia.com/package/@uiw/react-color-saturation) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-saturation.svg)](https://www.npmjs.com/package/@uiw/react-color-saturation) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-saturation/file/README.md)
 
 Saturation Component is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-saturation/package.json b/packages/color-saturation/package.json
@@ -4,6 +4,7 @@
   "description": "Color Saturation",
   "author": "Kenny Wong <[email protected]>",
   "homepage": "https://uiwjs.github.io/react-color/#/saturation",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

diff --git a/packages/color-shade-slider/README.md b/packages/color-shade-slider/README.md
@@ -1,6 +1,7 @@
 React Color Shade Slider
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-shade-slider)](https://bundlephobia.com/package/@uiw/react-color-shade-slider) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-shade-slider.svg)](https://www.npmjs.com/package/@uiw/react-color-shade-slider) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-shade-slider/file/README.md)
 
 ShadeSlider Component is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-shade-slider/package.json b/packages/color-shade-slider/package.json
@@ -3,6 +3,7 @@
   "version": "2.0.2",
   "description": "Color ShadeSlider component for React.",
   "homepage": "https://uiwjs.github.io/react-color/#/shade-slider",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "author": "Kenny Wong <[email protected]>",
   "sideEffects": false,
   "main": "cjs/index.js",

diff --git a/packages/color-sketch/README.md b/packages/color-sketch/README.md
@@ -1,6 +1,7 @@
 React Color Sketch
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-sketch)](https://bundlephobia.com/package/@uiw/react-color-sketch) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-sketch.svg)](https://www.npmjs.com/package/@uiw/react-color-sketch) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-sketch/file/README.md)
 
 Sketch Component is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-sketch/package.json b/packages/color-sketch/package.json
@@ -3,6 +3,7 @@
   "version": "2.0.2",
   "description": "Color Sketch component for React.",
   "homepage": "https://uiwjs.github.io/react-color/#/sketch",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "author": "Kenny Wong <[email protected]>",
   "sideEffects": false,
   "main": "cjs/index.js",

diff --git a/packages/color-slider/README.md b/packages/color-slider/README.md
@@ -1,6 +1,7 @@
 React Color Slider
 ===
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-slider)](https://bundlephobia.com/package/@uiw/react-color-slider) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-slider.svg)](https://www.npmjs.com/package/@uiw/react-color-slider) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-slider/file/README.md)
 
 Slider Component is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).

diff --git a/packages/color-slider/package.json b/packages/color-slider/package.json
@@ -3,6 +3,7 @@
   "version": "2.0.2",
   "description": "Color Slider component for React.",
   "homepage": "https://uiwjs.github.io/react-color/#/slider",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
   "author": "Kenny Wong <[email protected]>",
   "sideEffects": false,
   "main": "cjs/index.js",