xbmlz / solid-color

🎨 SolidJS color pickers from Sketch, Photoshop, Chrome, Github, Twitter & more

solid-color

🎨 Color Pickers for Sketch, Photoshop, Chrome & more with SolidJS.

Demo

Live Demo

Features

• 🔨 13 different pickers - Start building with Sketch, Photoshop, Chrome and many more
• 🎨 100% customizable - Change the colors, styles, layout and more
• 📦 Tiny - Only 25kb gzipped
• 🚀 Fast - Built with SolidJS
• 📱 Mobile friendly - Works on touch devices
• 🌈 Accessible - Supports keyboard navigation
• 📖 Typescript - Written in Typescript with full type definitions
• 📦 Tree-shakeable - Only import what you need

Installation

Install it:

npm i solid-color
# or
yarn add solid-color
# or
pnpm add solid-color

Use it:

import { TwitterPicker } from 'solid-color'

function App() {
  return <TwitterPicker />;
}