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 that's not in the palette, but you want to find the nearest match in the palette. That's what this little toy app is for!
Start the dev server:
yarn dev
CD is set up on the main branch. Commits to main will trigger automated deploys to Vercel.
Project Name : BookStore CMS BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book. In or
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
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
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
Receive payments for service rendered in crypto using different options. Go borderless with bonpay, gain access to varities of crypto assets, safe and
SD-explorer foreword this is a toy project to run the Stable Diffusion model locally. if you're after something more solid, I'd suggest you use WebUI
uu-console Hi, this is a toy. When you use console.log to print some logs, this can help you do some useless things. What is uu-console Support built-
what-song-is-this Twitter bot to find what song is playing in a given uploaded twitter video. How to setup. yarn install How to run. via npm script ya
Ethereum-Stealer Generate random ethereum wallets & private keys and then check if they match a wallet that contains some kind of balance, so that you
The nearest-color library will accept hex codes without the leading # symbol (e.g. 000), but we need the leading hash when rendering the corresponding color swatch, otherwise it looks like this:
This PR checks for a valid-ish hex code (i.e. valid but missing the leading #), and adds the missing # to give us this:
So now the searched color's swatch renders correctly, and if we copy the searched code to clipboard it will be a valid hex code.
Fixes #2
Seeing the color swatches for the searched colour and the nearest match is nice, but including some kind of numeric 'accuracy' metric would be even better! nearest-color gives us a distance property, so we can just convert this to a percentage and show it alongside the colour match:
Closes #3
If we enter a hex code without including the # prefix the nearest match is found, but the swatch for the searched colour is rendered with no background colour.
e.g. search for 140d30 results in:
Either this should be invalid input, or the swatch should have backgroundColor set to #140d30
This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: npm start Runs the app in the developmen
??️ Codely Structurer Figma Plugin Figma Plugin for speeding up and ensure consistency in the structure of your Figma projects Stars are welcome ?? ??
Notion Palette Supercharge your All-in-One workspace with the Command Palette within Notion ??️ Notion Palette is a free and open source extension, yo
MatchUp 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
MatchUp MatchUp Find local sport matches Beta walkthrough About The Project Looking for a fun and easy way to meet up and play sports with locals in y
3dicons Figma plugin Use 1400+ 3dicons within Figma or Figjam files quickly. The icons can be searched and filtered by color and angle. Figma Communit
Brought to you by Style Dictionary To Figma A utility that transforms a style-dictionary object into something Figma Tokens plugin understands. Used b
JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi
2 Nov 11, 2022
18 Dec 14, 2022
13 Nov 10, 2022
7 Oct 27, 2022
7 Oct 27, 2022
17 Dec 8, 2022
74 Jan 4, 2023
3 May 18, 2022
4 May 3, 2022
14 Jan 3, 2023