{"repo":"meodai/dittoTones","free":true,"listed":false,"github":"https://github.com/meodai/dittoTones","clone":"git clone https://github.com/meodai/dittoTones.git","description":"Transform any color into a full palette by copying the perceptual DNA of Tailwind, Radix, and other design systems","language":"TypeScript","stars":155,"topics":["color","colour","radix-ui","tailwind","tailwindcss"],"license":null,"category":"ui-components","readme_excerpt":"dittoTones 🟣 A mini-library to transform any color into a full palette, based on the perceptual \"DNA\" of any design system. Demo: https://meodai.github.io/dittoTones/ Why Most palette generators for popular frameworks either match a single color or ignore the careful work that was put into creating the original palettes entirely. dittoTones takes a different approach: it analyzes the perceptual \"DNA\" (Lightness and Chroma curves in Oklch space) of popular design systems like Tailwind or Radix. It then maps your target hue onto these curves, ensuring your custom palette maintains similar accessible contrast ratios and vibrancy as the reference system. Install Usage Bundled ramps Reference ramps for several design systems ship with the package. Each is a Map you can pass straight to the ramps option, importable as a subpath so you only bundle the data you use: Import Design system Ramps Shade keys ------------------------------ ------------------------------------------------------ ----- --------------------- dittotones/ramps/tailwind Tailwind CSS v4 22 50 – 950 (11 steps) dittotones/ramps/tailwind-v3 Tailwind CSS v3 22 50 – 950 (11 steps) dittotones/ramps/radix Radix Colors 31 1 – 12 dittotones/ramps/flexoki Flexoki 9 50 – 950 (13 steps) dittotones/ramps/shoelace Shoelace 10 05 – 95 dittotones/ramps/wa-default Web Awesome (default) 10 05 – 95 dittotones/ramps/wa-bright Web Awesome (bright) 10 05 – 95 All bundled ramp data comes from MIT-licensed projects; copyright remains wi","default_branch":null,"files":null,"tree":[],"storefront":"/r/meodai","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/meodai/dittoTones/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}