TypeScript Color

Open-source TypeScript projects categorized as Color

Top 23 TypeScript Color Projects

  1. theme-ui

    Build consistent, themeable React apps based on constraint-based design principles

    Project mention: Rethinking CSS in JS | dev.to | 2024-09-12
  2. 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.

    Civic Auth logo
  3. 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-08

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

  4. react-colorful

    🎨 A tiny (2,8 KB) color picker component for React and Preact apps

  5. node-vibrant

    🎨 Extract prominent colors from an image

  6. colors

    A gorgeous, accessible color system. (by radix-ui)

    Project mention: Configuring Tailwind as a Design System | dev.to | 2024-09-18

    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.

  7. gradient-string

    :rainbow: Beautiful color gradients in terminal output

    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.

  8. poline

    Esoteric Palette Generator Mico-Lib Interpolating HSL Color in cartesian space

  9. InfluxDB

    InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

    InfluxDB logo
  10. Colorwaver

    🎨 An app to detect color palettes in the real world - powered by VisionCamera

  11. color2k

    a color parsing and manipulation lib served in roughly 2kB

  12. huetone

    A tool to create accessible color systems

    Project mention: Uchū · the color scheme for internet lovers | news.ycombinator.com | 2025-02-16

    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/ ?

  13. color.js

    Extract colors from an image (0.75 KB) 🎨 (by luukdv)

  14. react-color-palette

    🎨 Lightweight Color Picker component for React.

  15. logt

    🖥️ A colourful logger for the browser

  16. codeui

    Customize your color theme for VS Code.

  17. ColorTranslator

    A JavaScript library, written in TypeScript, to convert among different color models

  18. rangeen

    tool that helps you to create a colour palette for your website

    Project mention: Shadcn UI: Must-Have Tools & Resources | dev.to | 2024-06-14

    navnote/rangeen - Tool that helps you to create a colour palette for your website

  19. palette

    Color palette tool for Rosé Pine (by rose-pine)

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

  21. 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
  22. reptiles.dev

    Generate colorful and temporarily identifiable SVGs with unique urls.

  23. color

    A modern lightweight library for color manipulation and conversion. (by SkinnyPeteTheGiraffe)

  24. hexy-time

    Time as a color

  25. logger

    Pretty-print utility logger for JS/TS (by evilkiwi)

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

    CodeRabbit logo
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

Log in or Post with

TypeScript Color related posts

  • Huetone for Accessible Color Systems

    1 project | news.ycombinator.com | 4 Sep 2024
  • Show HN: Simulating 20M Particles in JavaScript

    4 projects | news.ycombinator.com | 8 Jul 2024
  • Radix Colors: Accessible color system for user interfaces

    1 project | news.ycombinator.com | 26 Mar 2024
  • How to improve my design?

    1 project | /r/webdev | 11 Feb 2023
  • Poline — Esoteric Color Palette Library

    1 project | /r/generative | 5 Feb 2023
  • The “dark yellow problem” in design system color palettes

    1 project | news.ycombinator.com | 20 Oct 2022
  • Logging framework for Vue 3 and Typescript?

    3 projects | /r/vuejs | 26 Aug 2022
  • A note from our sponsor - InfluxDB
    influxdata.com | 21 Apr 2025
    Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems. Learn more →

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