91 Repositories
JavaScript color-themes 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
Beautiful and easily customizable themes for Roam Research.
Roam Studio Beautiful and easily customizable themes for Roam Research. More themes coming soon! If you want to support my work Become a GitHub Sponso
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
🚀 The web-based text editor for everyone built with Electron & React.
🚀 The web-based text editor for everyone built with Electron & React. Next release | Current release | Documentation (soon) ⬇️ Download: Windows (x64
Statichunt is a free open-source Jamstack directory that lists hundreds of themes, starters, and resources for Jamstack sites.
Statichunt Statichunt is an open-source directory that enlists hundreds of themes, starters, and resources for static site generators submitted by the
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
Themes for your linux desktop.
Nova-galactic-theme Inspired by the Nordic Darker theme, but adjusted for coherency and simplicity. The theme includes configs for cinnamon, gnome-she
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 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
jQuery Tabs Plugin. CSS Tabs with Accessible and Responsive Design. Lot of Tab Themes with Vertical and Horizontal Orientation.
Macaw Tabs Macaw Tabs is jQuery tabs plugin. It helps you to create accessible and responsive jQuery tabs by implementing the W3 design patterns for t
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
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
Toolkit for authoring Nuxt Themes.
@nuxt-themes/config Toolkit for authoring Nuxt Themes. Features ✨ Lets you create a theme from any Nuxt project 📦 Handles theme.config.ts file 🎨 Off
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
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
Syntax Highlighter supporting multiple languages, themes, fonts, highlighting from a URL, local file or post text.
Crayon Syntax Highlighter Supports multiple languages, themes, fonts, highlighting from a URL, local file or post text. Written in PHP and jQuery. Cra
🍎Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons
IconPark English | 简体中文 Introduction IconPark gives access to more than 2000 high-quality icons, and introduces an interface for customizing your icon
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
Build apps, themes, and hydrogen storefronts for Shopify
Shopify CLI With the Shopify command line interface (Shopify CLI 3.0), you can: build custom storefronts and manage their hosting initialize, build, d
Render (GitHub Flavoured with syntax highlighting) Markdown, and generate CSS for each of GitHub’s themes.
render-gfm Render (GitHub Flavoured with syntax highlighting) Markdown, and generate CSS for each of GitHub’s themes. GitHub Repository npm Package Do
🌗 1 line of code to apply auto dark / light theme and support custom theme for your website. Super fast and lightweight theme library.
themes.js A super lightweight and fast Theme library with auto system color scheme detection in JavaScript. Features Auto detect Dark / Light mode by
🦚 Beautiful themes for CodeMirror
ThemeMirror Beautiful themes for CodeMirror Install npm install thememirror
Last.fm Extension for Spicetify
Spicetify Last.fm Get song information from Last.fm. How to setup Go to User Last.fm Stats Register Username Fill the user name and click save How
Powershell scripts and Update script for Powershell configs and oh-my-posh themes
windows-powershell-autoconfig What is it? It is a NodeJS Project which updates your powershell and oh-my-posh scripts. Why should I use it? It is very
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
🪝 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
MDN-Dark-Mode - Simple extension to add a dark mode with different themes to the MDN Web Docs website
MDN-Dark-Mode Information Chrome and Firefox extension that adds a dark mode wit
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
Logseq-craft-theme - Craft Theme for Logseq
Craft for Logseq Almost all creativity requires purposeful play. A Craft insprir
Collection of customizable Anki flashcard templates with modern and clean themes.
Anki Templates Collection of customizable Anki flashcard templates with modern and clean themes. About Features Themes Instructions Add-on support Com
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
Additional themes for Lovelace Mushroom Cards 🍄
🍄 Mushroom Themes Mushroom themes allow you to customize your Mushroom dashboard using Home Assistant themes. ⚠️ It's only a theme! You need to insta
Perfect SvelteKit dark mode in 2 lines of code. Support System preference and any other theme with no flashing
This library is a port of next-theme for SvelteKit. All credit goes to pacocoursey and all next-themes contributors While usable, this library is stil
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
Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
A premium and open source dashboard template with a responsive and high-quality UI. Preview Tabler is fully responsive and compatible with all modern
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 --
No BS webpack development tool for Shopify themes (online store 2.0)
Shopify Theme Development Tool Development tool for Shopify to create themes for Online Store 2.0. Shopify Theme Development Tool Getting Started Comm
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.
Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation
react-with-styles Use CSS-in-JavaScript for your React components without being tightly coupled to one implementation (e.g. Aphrodite, Radium, or Reac
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
Themes for Bootstrap
Bootswatch A collection of open source themes for Bootstrap View Bootswatch themes » Report bug · Request feature · Blog Usage There are a few differe