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.
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 |