75 Repositories
JavaScript color-palette Libraries
A simple scalable color system for designing warm welcoming, caring websites and apps.
Sargam Colors A simple scalable color system for designing warm welcoming, caring websites and apps. Sargam colors are the language of the beauty, the
Easy way to change filament theme color on the fly.
Filament Theme Color Easy way to change filament theme color on the fly. In some projects, it is interesting to be able to change the main colors of a
Exposes theming options available in Joy UI by providing color palette and typography controls.
Joy Theme Creator Note: Joy UI is currently in alpha - some things may not be finished or working as expected. This project exposes the theming option
A NodeJS package to convert any RGB color to HEX color or viceversa. Also supports HSL conversion.
Unhex 🎨 A NodeJS package to convert any RGB color to HEX, HSL color or viceversa. Example div { color: #fff; background-color: #0070f3; } After r
A simple color picker application written in pure JavaScript, for modern browsers.
Color Picker A simple color picker application written in pure JavaScript, for modern browsers. Has support for touch events. Touchy… touchy… Demo and
Toaster is a Pure Javascript plugin for displaying toast notifications. It comes with different options e.g custom text or HTML message, duration, custom class, toggle close button, position, custom close icon and backgorund color.
Pure Javascript Toaster Requires Nothing Demo Toaster is a Pure Javascript plugin for displaying toast notifications. It comes with different options
🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library.
🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!
The time represented as hex color values
A clock that represents the time as hex color values I saw a project a little while ago, where I discovered that the time (in format 00:00:00) works p
jQuery UI widget for color picking (similar to the one in Microsoft Office 2010).
evol-colorpicker · evol-colorpicker is a web color picker which looks like the one in Microsoft Office 2010. It can be used inline or as a popup bound
Plugin for the Steam Deck, to adjust color settings, like saturation or gamma
vibrantDeck A Steam Deck plugin (for Decky Loader) to adjust screen saturation / vibrancy. Build instrutions Clone the repository to use as an example
✒️ A VSCode-like command palette plugin for inkdrop
inkdrop command palette A VSCode-like command palette for Inkdrop. (Invoke using Ctrl+K) https://my.inkdrop.app/plugins/command-palette 💡 You may nee
👑 A tiny yet powerful tool for high-performance color manipulations and conversions
Colord is a tiny yet powerful tool for high-performance color manipulations and conversions. Features 📦 Small: Just 1.7 KB gzipped (3x+ lighter than
JavaScript that colors the min / max values of a HTML table.
tableMinMax Übersicht JavaScript that colors the min / max values of a HTML table. JavaScript das die Minimum / Maximum Werte, einer HTML-Tabelle einf
CSS only library to apply color filters.
filters.css CSS only library to apply color filters. See the full documentation Features Only CSS. No JavaScript! ~1KB minified and gzipped! Supports
An animated and accessible command menu
kmenu 🌈 Animated and accessible cmdk interface Demo · NPM · Product Hunt · StackBlitz · CodeSandbox 🚀 Quickstart Having trouble? Unsure of something
Utility to generate adwaita presets for use with AdwCustomizer from images using Google's MaterialU color generator.
Adwaita Preset Generator using Material U Color Generation Material U Color generation is done using the material-color-utilities available here: http
A simple Discord bot that will listen for HEX, RGB(a), and HSL(a) colors in a message, and provide a small image of that color.
Pigment For the teams of designers and developers out there - Pigment will listen for messages containing a HEX, RGB(a), or HSL(a) color, and provide
A TypeScript package to calculate WCAG 2.0/3.0 and APCA color contrasts
a11y-color-contrast A simple utility package for working with WCAG 2.2/3.0 color contrasts a11y: Built for checking how readable colors are together S
Farcaster.xyz bot for casting random color names
fc-bot-color-names A Farcaster bot that sends random color names to the network, using data from meodai/color-names. The bot is currently registered t
Colr Pickr, a vanilla JavaScript color picker component built with SVGs, with features like saving colors. Similar design to the chrome-dev-tools color picker.
Colr Pickr Colr Pickr, a vanilla JavaScript color picking component built with SVGs, with features like saving colors. Similar design to the chrome-de
Flat and simple color-picker library. No dependencies, no jquery.
Flat and simple color-picker Fully Featured demo Features Simple: The interface is straight forward and easy to use. Practical: Multiple color represe
A array with color name - decimal rgbs.
colors-named-decimal A array with color name - decimal rgbs. Based on https://www.w3.org/TR/css-color-4/#colors-named Installation This package is ES
Tool Cool Color Picker is a color picker library written in typescript and using web component technologies.
Tool Cool Color Picker Tool Cool Color Picker is a color picker library written in typescript and using web component technologies. Check out the demo
Supercharge your All-in-One workspace with the Command Palette within Notion 🕹️
Notion Palette Supercharge your All-in-One workspace with the Command Palette within Notion 🕹️ Notion Palette is a free and open source extension, yo
A little toy app to help you find the nearest match for a given color within a Figma Tokens color palette.
Hey Palette So you've got a color palette in Figma and you've used the Figma Tokens plugin to export that palette to JSON. Let's say you have a color
Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.
Bootstrap Colorpicker Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4. THIS PROJECT IS NOT MAINTAINED ANYMORE. After almost 10
A tool for creating and maintaining cohesive, consistent, and accessible color palettes
Primer Prism Primer Prism is a tool for creating and maintaining cohesive, consistent, and accessible color palettes. 🌈 primer.style/prism 📝 Read th
🧰 Catppuccin's development tools
😸 🧰 Toolbox Catppuccin's developement tools A set of software tools by Catppuccin developers, for Catppuccin developers 🪴 Index 👷 Palette Builder
chakra-radix-colors provides radix-ui color palettes, automatic dark mode, and acessible colors to chakra-ui applications
chakra-radix-colors chakra-radix-colors provides radix-ui color palettes, automatic dark mode, and acessible colors to chakra-ui applications. About C
Place your Bob-ombs so they surround opposing Bob-ombs. Captured Bob-ombs change color and join your team. The player uith the most Bob-ombs at the end is the Hinner.
Bob-omb Reverse with Arduino MKR 1010 Wifi 🐦 @cbarange & @j-peguet | 5th January 2022 Intro Docs MQTT with Arduino 👉 https://docs.arduino.cc/tutoria
Color palette generation function using hue cycling and simple easing functions.
Rampensau 🐷 Color palette generation function using hue cycling and easing functions. Check out a simple demo or see it in action over on farbvelo 10
Color palette text parser to a function, compatible with GMT, GDAL, GRASS, PostGIS, ArcGIS
cpt2js Color palette text parser to a function, input compatible with GMT, GDAL, GRASS, PostGIS, ArcGIS Demo From GDAL docs: The text-based color conf
Generate colorful and temporarily identifiable SVGs with unique urls.
reptiles.dev Generate colorful and temporarily identifiable SVGs with unique urls.
Colormath.js - a color conversion and color manipulation library written in typescript for Node.js, Deno and Browser
Colormath.js - a color conversion and color manipulation library written in typescript for Node.js, Deno and Browser
MacOS launcher & command palette
About If you ever liked tools like Raycast and Alfred, but wanted to own them and tweak them yourself, then SOL is the tool for you. All the affordanc
🪝 React hook for subscribing to user's color scheme preference.
use-prefers-color-scheme React hook for subscribing to user's color scheme preference. 🚀 Getting Started 🐇 Jump Start npm install @anatoliygatt/use-
A bot to manage a whole game jam/hackathon server from a fully functional pollsystem to managing color roles.
Jambo This bot is made to autonomously manage a discord server with regular game jams/hackathons and make it a plasent and happy enviroment. It will c
A various color Matrix filters and Presets for pixi.js
Pixi Color Effects A various color Matrix filters for pixi.js with TON of presets! DEMO Install # npm npm install pixi-color-effects # yarn yarn add
Create your own complete Web color system fast and easy!
Simpler Color Create your own complete Web color system fast and easy, from as little as one base color! Color is at the heart of every UI design syst
A bot to manage a whole game jam/hackathon server from a fully functional pollsystem to managing color roles.
Jambo This bot is made to autonomously manage a discord server with regular game jams/hackathons. It will collect the proposals for the jam, create po
🌓 Add dark mode/night mode custom elements to your website.
dark-mode A custom element that allows you to easily put a Dark Mode 🌒 toggle. so you can initially adhere to your users' preferences according to pr
🌈 what's your GitHub profile color?
🌈 OctoColor 🤔 Wanna know what's your GitHub Profile Color? 🐱 Head over to https://octocolor.vercel.app 🐱💻 How does GitColor work? The idea is si
A dependency-free image color extraction library
Color mage A dependency-free image color extraction library. The extraction consists of using K-Means algorithm. It has a few utility functions as wel
Etch-a-Sketch - Resizable grids that change color when you hover over it
Etch-a-sketch This repository contains a basic resizable grid which changes its
Essa API tem como objetivo auxiliar na produção de documentação de métodos e design packs, fornecendo de maneira visual a documentação de cores para api's
DocColors-API Essa API tem como objetivo auxiliar na produção de documentação de métodos e design packs, fornecendo de maneira visual a documentação d
Tints and shades generator in React.
Reactry's shades goals add option to enter hexColor by hand add option to get hexColor from clipboard add option to set one of the shades or tints as
Palette plugin using CSS variables for TailwindCSS
Palette plugin using CSS variables for TailwindCSS Adds a color palette (from 100 to 900) for each color of your tailwind configuration while using CS
A CLI utility to calculate/verify accessible magic numbers for a color palette.
A11y Contrast A CLI utility to calculate/verify accessible magic numbers for a color palette. Read my blog post for some more information. Installatio
jQuery plugin for color manipulation and animation support.
jQuery Color Supported jQuery versions: 1.8+ Browser Support jQuery Color 3.x supports the following browsers: Desktop: Chrome: (Current - 1) and Curr
Personalize your GitHub experience by theming the site's accent colors.
· Gitccentify · Personalize your GitHub experience by theming it to your own style! Disclaimer This project is not affiliated, associated, authorized,
Super tiny color input ranges for React.
react-color-range · Tiny color input for React, made with native input ranges. react-color-range leverages the native input type="range" and CSS linea
Automatic color generation for Chart.js
chartjs-plugin-autocolors Automatic color generation for Chart.js The generation is based on Janus Troelsen's answer at Stack Overflow. This plugin re
Predefined color schemes for Chart.js
chartjs-plugin-colorschemes Predefined color schemes for Chart.js You can pick the perfect color combination for your charts from the predefined color
A simple color picker application written in pure JavaScript, for modern browsers.
Color Picker A simple color picker application written in pure JavaScript, for modern browsers. Has support for touch events. Touchy… touchy… Demo and
Pretty-print-json - 🦋 Pretty-print JSON data into HTML to indent and colorize (written in TypeScript)
pretty-print-json Pretty-print JSON data into HTML to indent and colorize (written in TypeScript) 1) Try It Out Interactive online tool to format JSON
Color2k - a color parsing and manipulation lib served in roughly 2kB
color2k a color parsing and manipulation lib served in roughly 2kB or less (2.8kB to be more precise) color2k is a color parsing and manipulation libr
Coloris - A lightweight and elegant JavaScript color picker. Written in vanilla ES6, no dependencies. Accessible.
Coloris A lightweight and elegant JavaScript color picker written in vanilla ES6. Convert any text input field into a color field. View demo Features
A simple project to refresh on the usage of js canvas and getContext('2d') to create four interactive squares on the canvas when hovered changes color.
A simple project to refresh on the usage of js canvas and getContext('2d') to create four interactive squares on the canvas when hovered changes color. Can also be clicked to work on mobile devices.
Functional, simple and customizable UI buttons for react native. Also contains loading functionality and automatically changes color for dual tone buttons. TypeScript support.
React Native UI Buttons ✨ Installation If you want to use icons make sure you have react-native-vector-icons installed in your project. npm install --
An HTML5/Canvas implementation of 8-bit color cycling
Overview Here is the JavaScript and C++ source code to my color cycling engine, written in 2010. I am releasing it under the LGPL v3.0. The package co
a blue-ish gray with a purple accent color palette for Visual Studio Code.
Installation via VSCode Open Extensions sidebar panel in VS Code. View → Extensions Search for nightfall Click Install to install it Click Reload to r
Change the color of an image to a specific color you have in mind.
image-recolor Run it: https://image-recolor.vercel.app/ image.recolor.mov Acknowledgments Daniel Büchele for the algorithm: https://twitter.com/daniel
一个运行在浏览器内的提词器，可翻页，可变速，可自定义字体、大小、颜色等多种选项 A teleprompter in web browser, page down, speed up , custom font family/size/color and more.
Introduction 一个运行在浏览器内的提词器，可翻页，可变速，可自定义字体、大小、颜色等多种选项 A teleprompter in web browser, page down, speed up , custom font family/size/color and more. inst
:rainbow: Beautiful color gradients in terminal output
gradient-string Beautiful color gradients in terminal output Install $ npm i gradient-string Usage const gradient = require('gradient-string'); cons
:sparkles: Make your JSON look AWESOME
Make your JSON objects look AWESOME! This package allows you to give style to your JSON on your console! Installation : $ npm install jsome if you n
Generate colors based on a desired contrast ratio
Generate colors based on a desired contrast ratio
🦎 A jQuery plugin for extracting the dominant color from images and applying the color to their parent.
jquery.adaptive-backgrounds.js A simple jQuery plugin to extract the dominant color of an image and apply it to the background of its parent element.
Extract prominent colors from an image. JS port of Android's Palette.
Vibrant.js Extract prominent colors from an image. Vibrant.js is a javascript port of the awesome Palette class in the Android support library. ⚠️ THI
Fast, small color manipulation and conversion for JavaScript
TinyColor JavaScript color tooling TinyColor is a small, fast library for color manipulation and conversion in JavaScript. It allows many forms of inp
JavaScript Library for creating random pleasing colors and color schemes
#PleaseJS www.checkman.io/please Please.js is a polite companion that wants to help you make your projects beautiful. It uses HSV color space to creat
:rainbow: Javascript color conversion and manipulation library
color JavaScript library for immutable color conversion and manipulation with support for CSS color strings. var color = Color('#7743CE').alpha(0.5).l
JavaScript library for all kinds of color manipulations
Chroma.js Chroma.js is a tiny small-ish zero-dependency JavaScript library (13.5kB) for all kinds of color conversions and color scales. Usage Initiat
Grab the color palette from an image using just Javascript. Works in the browser and in Node.
Color Thief Grab the color palette from an image using just Javascript.Works in the browser and in Node. View the demo page for examples, API docs, an
:atom_symbol: React primitive UI components built with styled-system.
Rebass React primitive UI components built with Styled System. https://rebassjs.org npm i rebass Getting Started import React from 'react' import { Bo
:art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
React Color 13 Different Pickers - Sketch, Photoshop, Chrome and many more Make Your Own - Use the building block components to make your own Demo Liv