Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems. Learn more →
Top 23 TypeScript Color Projects
-
-
Civic Auth
Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
-
umbrella
⛱ Broadly scoped ecosystem & mono-repository of 205 TypeScript projects (and ~185 examples) for general purpose, functional, data driven development
Project mention: Show HN: Simulating 20M Particles in JavaScript | news.ycombinator.com | 2024-07-08You may be interested in JS optimised vector operations, the @thi.ng universe has some useful implementations (also a WASM simd one):
[0]: https://github.com/thi-ng/umbrella/tree/develop/packages/vec...
[1]: https://github.com/thi-ng/umbrella/tree/develop/packages/vec...
[2]: https://github.com/thi-ng/umbrella/tree/develop/packages/sim...
-
-
-
Because I'm using Radix Colors here, I don't need to set the .dark scope as that's already done for me. If you don't like the Radix colors, you can customise them, use another library or write your own.
-
Project mention: Compilation of Libraries Supporting CLI Application Development for Node.js | dev.to | 2025-01-20
Additionally, you can combine with chalk to style the text. This is a great library to change colors, add effects like "bold", "dim", "italic"... to highlight content. Or if you prefer a "rainbow" effect, gradient-string is unbeatable.
-
-
InfluxDB
InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.
-
-
-
The palette doesn't seem perceptually uniform, i.e. the contrast ratios of each tint vs. white/black aren't the same across all colors. Did your try analysing the palette in https://huetone.ardov.me/ ?
-
-
-
-
-
ColorTranslator
A JavaScript library, written in TypeScript, to convert among different color models
-
navnote/rangeen - Tool that helps you to create a colour palette for your website
-
-
react-native-color-toolkit
A well-tested library written in typescript to with a lot of tools to help mobile developers who care about color.
-
hex-tailwind
Small web app that converts your HEX code to the closest color in the Tailwind color palette.
Project mention: Show HN: I open-sourced my HEX code to Tailwind color converter | news.ycombinator.com | 2024-09-13 -
-
-
-
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript Color discussion
TypeScript Color related posts
-
Huetone for Accessible Color Systems
-
Show HN: Simulating 20M Particles in JavaScript
-
Radix Colors: Accessible color system for user interfaces
-
How to improve my design?
-
Poline — Esoteric Color Palette Library
-
The “dark yellow problem” in design system color palettes
-
Logging framework for Vue 3 and Typescript?
-
A note from our sponsor - InfluxDB
influxdata.com | 21 Apr 2025
Index
What are some of the best open-source Color projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | theme-ui | 5,336 |
| 2 | umbrella | 3,552 |
| 3 | react-colorful | 3,297 |
| 4 | node-vibrant | 2,209 |
| 5 | colors | 1,435 |
| 6 | gradient-string | 1,125 |
| 7 | poline | 737 |
| 8 | Colorwaver | 651 |
| 9 | color2k | 621 |
| 10 | huetone | 365 |
| 11 | color.js | 347 |
| 12 | react-color-palette | 320 |
| 13 | logt | 193 |
| 14 | codeui | 144 |
| 15 | ColorTranslator | 91 |
| 16 | rangeen | 56 |
| 17 | palette | 22 |
| 18 | react-native-color-toolkit | 14 |
| 19 | hex-tailwind | 12 |
| 20 | reptiles.dev | 8 |
| 21 | color | 6 |
| 22 | hexy-time | 4 |
| 23 | logger | 3 |
Sponsored
Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com