127 Repositories
JavaScript color-picker-popup 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 simple emotion picker that displays all the supported GitHub emojis :octocat:.
github-emoji-picker A simple Emoji picker that displays all the emojis that GitHub supports. It is automatically generated from GitHub Emoji API and U
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 JS example for NextAuth Google login with a popup window instead of redirect.
A simple JS example for NextAuth Google login with a popup window instead of redirect.
DateTimePickerComponent is a very lightweight and dependency-free web component written in pure JavaScript
DateTimePickerComponent Description DateTimePickerComponent is a very lightweight (just over 20KB) and dependency-free web component written in pure J
Print seat layout for movie, flight (jQuery plugin)
seatLayout.js (movie-seat-layout) Print seat layout for movie, flight and seat selection (jQuery plugin) Demo : https://sachinkurkute.github.io/movie-
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
Bootstrap Persian/Gregorian Date Time Picker
MD.BootstrapPersianDateTimePicker Bootstrap 5+ Persian And Gregorian Date Time Picker Major changes: Using Bootstrap 5 jQuery Removed Rewrite all code
A dependency-free JavaScript library for creating discreet pop-up notifications.
Polipop A dependency-free JavaScript library for creating discreet pop-up notifications. Demo See demo at minitek.github.io/polipop/. Documentation Se
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
A JavaScript library that creates a small dropdown list of selectable Emojis.
Welcome to EmojiButtonList.js: This is a JavaScript library that creates a small dropdown list of selectable Emojis. To get started, download the sour
🎨 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
This is a simple Image popup Jquery plugin. With a very simple configuration, you can show a popup on your webpage. By the way, this plugin works after page load.
Jquery-SingleImagePopup This is a simple Image popup Jquery plugin. With a very simple configuration, you can show a popup on your webpage. By the way
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
A beautiful, responsive, highly customizable and accessible replacement for JavaScript's popup boxes. Zero dependencies.Alerts ,dialogs
AsgarAlert (v1) for JS Install script defer src="/asgar-alert.js"/script Examples The most basic message: asgar("Hello world!"); A message signali
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 simplified jQuery date and time picker
jSunPicker A simplified jQuery date and time picker Why another Date picker? There are numerous date, time pickers out there. However, each of those l
🦉The jQuery plugin "Stick to me" allows you to create exit-popups on your web page, so you can capture visitors just as they are about to leave.
🦉 The jQuery plugin "Stick to me" allows you to create exit-popups on your web page, so you can capture visitors just as they are about to leave. How
Nepali Multi Date Picker for jQuery. Supports both single date selections and multiple date selection.
Nepali Multi Date Picker A simple yet powerful date picker based in Nepali calendar. Supports both single date selections and multiple date selection.
Simple location picker on Leaflet map
Leaflet Location Picker Simple location picker with Leaflet map Usage: labelInsert a Geo Location input id="geoloc" type="text" value="" / /lab
A super-lightweight, highly configurable, cross-browser date / time picker jQuery plugin
Zebra Datepicker A super-lightweight, highly configurable, cross-browser date/time picker jQuery plugin Zebra_Datepicker is a small yet and highly con
A JavaScript component that is a date & time range picker, no need to build, no dependencies except Moment.js, that is based on Dan Grossman's bootstrap-daterangepicker.
vanilla-datetimerange-picker Overview. A JavaScript component that is a date & time range picker, no need to build, no dependencies except Moment.js,
A jQuery Plug-in to select the time with a clock inspired by the Android time picker.
Clock Timepicker Plugin for jQuery See a demo here A free jQuery Plug-in to select the time with a clock inspired by the Android time picker. This plu
👑 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
Tool Cool Range Slider
Responsive range slider library written in typescript and using web component technologies. Pure JavaScript without additional dependencies. It has a rich set of settings, including a vertical slider, touch, mousewheel and keyboard support, local and session storage, and RTL support.
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
Vanilla javascript emoji picker
FG Emoji Picker - Emoji picker created with vanilla javascript This is the simplest to use emoji picker built with vanilla javascript. Benefits: It is
A tiny and fast zero-dependency date-picker built with vanilla Javascript and CSS.
A tiny zero-dependency and framework-agnostic date picker that is incredibly easy to use! Compatible with any web UI framework, vanilla JS projects, and even HTML-only projects!
Turn an HTML input box to a duration picker, without jQuery
html-duration-picker.js html-duration-picker.js is a very tiny JS library used for transforming a native HTML text input into a duration picker. The a
jQuery pop-up script displaying various types of content in corner of browser
Corner Popup v1.30 Fully customizable pop-up box created to display all types of messages in corner of your browser. Website: https://espritdesign.pl/
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
A Powerful and Elegant "alert" library for JavaScript that replaces that boring alert style of Javascript.
A Powerful , Elegant and fully customizable "alert" library using JavaScript that replaces that boring style of alert. Installation Place the below sc
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
This simple library allows you to create awesome responsive and highly customizable popups importing just one JavaScript file.
Creativa - Popup This is a simple library that allows you to create awesome popups importing just one JavaScript file. Getting started You can import
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
Simple date and time picker in vanilla javascript
simplepicker Simple datetime picker in vanilla javascript. This project is mostly based on material-datetime-picker, but without it relying on externa
Semantic is a UI component framework based around useful principles from natural language.
Semantic UI Semantic is a UI framework designed for theming. Key Features 50+ UI elements 3000 + CSS variables 3 Levels of variable inheritance (simil
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
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
📆 The modern, open source "Airbnb style" date picker.
Date Picker A pretty, modern date picker. Coming soon. 💡 Get Started wip wip 🧪 Testing pnpm test 📈 Changelog Please see our releases page for more
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
A simple library to draw option menu or other popup inputs and layout on Node.js console.
console-gui-tools A simple library to draw option menu or other popup inputs and layout on Node.js console. console-gui-tools A simple Node.js library
🌈 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
React Native Week Month Date Picker
React Native Week Month Date Picker Date picker with a week and month view Installation npm install react-native-week-month-date-picker Dependencies T
Fushra Distro Picker
Jump right into linux without the hassle of researching a distro! This webapp will narrow down the selection, allowing you to find the perfect distro for you
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
A date picker web component, and spiritual successor to duet date picker
date-picker A date picker web component, based on duet date picker, except authored with Lit and using shadow DOM. This is a work in progress. Todo:
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
An wide ranged emoji picker extension for firefox based browsers.
Fire-Picker A wide ranged emoji picker extension for firefox based browsers made with pure js. This is still in a prototype phase. Changes will be mad
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,
A project implementing a datepicker with format dd/MM/yyyy from scratch.
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
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
lightweight, powerful javascript datetimepicker with no dependencies
flatpickr - javascript datetime picker Motivation Almost every large SPA or project involves date and time input. Browser's native implementations of
An wide ranged emoji picker extension for firefox based browsers.
Fire-Picker A wide ranged emoji picker extension for firefox based browsers made with pure js. This is still in a prototype phase. Changes will be mad
Nepali Date Picker jQuery Plugin 🇳🇵
Nepali Date Picker Nepali Date Picker jQuery Plugin for everyone. 🇳🇵 Installation npm install nepali-date-picker Demo and Documentation https://leap
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
Popup without jQuery
popup.js Popup without jQuery Demos https://ohno.github.io/popup.js/ CDN script src="https://cdn.jsdelivr.net/gh/ohno/[email protected]/popup.min.js"/
Tippyjs - Tooltip, popover, dropdown, and menu library
Tippy.js The complete tooltip, popover, dropdown, and menu solution for the web Demo and Documentation ➡️ View the latest demo & docs here Migration G
CalendarPickerJS - A minimalistic and modern date-picker component/library 🗓️👨🏽💻 Written in Vanilla JS
CalendarPickerJS The simple and pretty way to let a user select a day! Supports all major browser. Entirely written in Vanilla JavaScript with no depe
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
Clocklet - An opinionated clock-style vanilla-js timepicker.
An opinionated clock-style vanilla-js timepicker. Demo Features Keyboard and numpad friendly Autocomplete - e.g. "1"-"01:00", "12"-"12:00", "1234"-
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
Simple to use modal / alert / dialog / popup. Created with vanilla JS. No javascript knowledge required! Works on every browser and device! IE9
EinsModal The last modal / alert / dialog you will ever need! Full Documentation: https://www.einscms.com/modal EinsModal is the best solution to inte
A customizable lightweight Alert Library with Material UI and awesome features.
SoloAlert A customizable lightweight Alert Library with Material UI and awesome features. view soloalert on npm : https://www.npmjs.com/soloalert Inst
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
Geniemoji - The Emoji Genie 🧞♂️
Geniemoji 🧞♂️ The Emoji Genie What is Geniemoji? Geniemoji is an app that makes using emojis on desktop simpler than ever It works on operating syst
React Native popup tip utility
react-native-tip React Native Tip is a simple package inspired in MaterialUI-Tooltip that helps you to show a quick tip to the user and highlight some
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