JSPM

Found 120 results for color-palette

facette

Perceptual color palette generation via particle repulsion on convex hulls in OKLab space

  • v0.1.1
  • 29.83
  • Published

@phun-ky/moebius

@phun-ky/moebius is a versatile JavaScript library that automatically generates visually pleasing and customizable color palettes from a given base color. Whether you're building data visualizations, UIs, or design systems, Mรถbius offers various harmony m

  • v2.0.42
  • 29.56
  • Published

vue-multiple-themes

Vue 3 multi-theme engine: CSS custom properties, TailwindCSS opacity modifiers, white-label brand contexts, composable API

  • v7.0.0
  • 29.28
  • Published

senior-design-director-mcp

MCP server for professional design guidance. Works with Claude Code, Cursor, Windsurf, Codex, and any MCP client. Project discovery, design systems, color palettes, accessibility, performance, iOS HIG, and Material Design 3.

  • v1.3.5
  • 29.16
  • Published

mui-colors

The material UI color palette as a package.

  • v1.0.2
  • 29.14
  • Published

@colorsandfonts/mcp

Free MCP server with interactive UI for generating color palettes - enables AI assistants to create and visualize Tailwind, SCSS, and CSS color scales

  • v1.1.0
  • 27.66
  • Published

react-color-pikr

A modern, customizable React color picker component library with 8-digit HEX alpha support

  • v1.1.2
  • 27.58
  • Published

anypalette

Read and write many color palette formats

  • v0.6.0
  • 25.85
  • Published

openclaw-mcp-servers

49 AI tools across 9 MCP servers on Cloudflare Workers. JSON, regex, colors, timestamps, prompts, market intel, fortune, publishing, AI comparison. Free tier available. Trilingual docs (EN/็นไธญ/JP).

  • v1.1.0
  • 25.84
  • Published

oklch-neutral

Perceptually uniform neutral scales with WCAG 2.1 and APCA contrast auditing.

  • v1.0.0
  • 25.80
  • Published

shadcn-theme-cli

A tool that lets you select any palette from https://ui.shadcn.com/colors and applies it automatically.

  • v1.1.0
  • 25.54
  • Published

useforge

Experimental โ€” Complete design system from one color. 43 commands, 200+ tokens, 4 export formats. Built out of curiosity for educational purposes. DYOR.

  • v1.0.0
  • 25.10
  • Published

react-native-image-color-picker

Image color picker based on image source provided and return image different color palettes or average color palette

  • v1.0.4
  • 24.39
  • Published

ngx-color-palette

Angular library which provides color picker functionality to your angular application.

  • v0.0.16
  • 24.34
  • Published

@effective/color

Color Palette Generator based on Human Perception

  • v1.0.1
  • 23.99
  • Published

useoutlinekit

X-ray vision for your website's design DNA. One component renders grid lines, spacing rhythm, type scale, color palette, component boundaries, and accessibility markers.

  • v1.0.0
  • 23.22
  • Published

pigmenta

The Complete Toolkit for App and UI Theming

  • v0.1.7
  • 23.08
  • Published

rn-color-thief

A powerful React Native library for extracting prominent colors from images and SVGs using Skia rendering engine

    • v1.0.2
    • 22.60
    • Published

    pick-distinct-colors

    A collection of algorithms and utilities for analyzing and selecting maximally distinct colors. Now includes a unified pickDistinctColors API for easy color selection.

    • v0.2.2
    • 21.48
    • Published

    auto-theme-js

    Generate beautiful, harmonious color palettes from a single base color. Create complete design system color schemes with primary, secondary, tertiary, accent, and neutral variants across 11 shade levels.

    • v1.1.0
    • 21.25
    • Published

    @ghchu/color-palette

    Generate color palette file with @ant-design/colors algorithm

    • v1.1.5
    • 19.94
    • Published

    cmyk-preview-toolkit

    Dual CMYK/sRGB color handling for browser-based PDF editors. Convert between CMYK, RGB, HSL, and CIE Lab color spaces with press-accurate preview and palette snapping.

    • v2.0.1
    • 19.38
    • Published

    ainative-design-system-mcp-server

    AINative Design System MCP Server for Claude Code - Extract design tokens, analyze components, and generate themes

    • v1.0.1
    • 18.60
    • Published

    bdsg

    Design system generation library with WCAG accessibility compliance

    • v0.2.0
    • 18.50
    • Published

    png-palette

    Small library to help working with palette based PNGs.

    • v2.0.0
    • 18.23
    • Published

    @studiotoolkit/color-palette

    React component for displaying and managing color palettes with multiple display modes and customization options

    • v1.0.2
    • 18.18
    • Published

    @studiotoolkit/color-from-image

    React component for extracting dominant colors from images using advanced color analysis algorithms

    • v1.0.2
    • 17.39
    • Published

    @rlabs-inc/color-generator

    Mathematical color generation in 3D OKLCH perceptual space using sacred geometry

    • v0.1.0
    • 17.38
    • Published

    kolora

    A lightweight, dependency-free library for color conversion between various formats such as RGBA, HEX, HSL, HSV, and CMYK.

      • v1.0.0
      • 17.22
      • Published

      chameleon-js

      Javascript Library to handle Color calculations

      • v2.0.0
      • 16.96
      • Published

      ngx-prime-color-picker

      Our tool offers a vast palette of hues at your fingertips. Easily select the perfect color for your designs with precise controls and intuitive interface.

      • v0.0.17
      • 16.73
      • Published

      color-palette

      Get a color palette from a uri using phantomjs and color-thief

      • v1.0.3
      • 16.38
      • Published

      @widgli/colors

      Professional color palette system for Widgli design system

      • v0.3.0
      • 15.87
      • Published

      superpal

      Create automatically a palette with vivid colors from a single input color for UI design and design systems.

      • v1.2.31
      • 15.58
      • Published

      major-color-picker

      major-color-picker is a lightweight JavaScript utility that detects the most dominant color from an image using the HTML Canvas API. Ideal for generating color palettes, styling backgrounds, or enhancing visual UI effects based on image content.

        • v1.0.2
        • 15.37
        • Published

        @fimbul-works/vec-color

        A comprehensive, type-safe color manipulation library for TypeScript that provides a wide range of color space conversions, blending operations, and accessibility utilities.

        • v2.0.0
        • 15.23
        • Published

        rainbow-villa

        Set Of 174 Handpicked Linear Gradients For Designers Like You :)

        • v1.1.0
        • 15.20
        • Published

        react-native-nitro-image-colors

        High-performance React Native library for extracting prominent colors from images. Built with Nitro Modules for optimal performance on iOS and Android with smart caching and TypeScript support.

        • v0.4.0
        • 14.94
        • Published

        nachtify

        A reusable React library for color palette context menu with column-based color application

          • v1.0.15
          • 14.92
          • Published

          @eternaljs/styles

          A comprehensive design system and styling package for Eternals JS applications. Features complete color palettes, typography system, spacing utilities, theming capabilities, and modern CSS custom properties.

          • v0.0.7
          • 14.86
          • Published

          @logstack/eon

          A refined collection of neutral tones with subtle accents for modern UI design.

          • v1.0.3
          • 14.86
          • Published

          console-color-log

          Colorize and style console logs in Node.js with ease using console-color-log.

          • v1.0.3
          • 14.63
          • Published

          @andevjs/palette

          Create variant color palettes from a single color and generate code for them.

          • v0.1.1
          • 14.30
          • Published

          react-color-palette-wheel

          A professional, lightweight, and fully typed color wheel component for React. Inspired by tools like Adobe Color, this library allows color selection based on **Chromatic Harmonies** (Triad, Complementary, Analogous, etc.) with geometric precision.

          • v0.0.4
          • 14.28
          • Published

          react-native-color-picker-palette

          A versatile color picker for React Native with two flavors: Full (with react-native-svg) and Lite (zero dependencies)

          • v1.0.3
          • 14.27
          • Published

          @drgd/aura

          Extract color palettes from any image. Works on both server and client.

          • v0.1.3
          • 13.93
          • Published

          @sargamdesign/colors

          Colors for designing warm welcoming, caring sites & apps.

          • v3.1.0
          • 13.91
          • Published

          @echoes-io/brand

          Visual identity and brand assets for **Echoes** - a multi-POV digital storytelling platform.

          • v1.2.0
          • 13.60
          • Published

          @mjsisley/palx

          Automatic UI Color Palette Generator

            • v1.0.2
            • 13.18
            • Published

            colorobjects

            A collection of color objects and utilities

            • v1.2.4
            • 13.14
            • Published

            dynamic-color-generator

            A simple utility that generates dynamic color schemes, either randomly or based on a base RGB color. It automatically sets CSS variables, allowing your web application to have a fresh, unique look each time it loads, with either custom or default color sc

            • v1.0.3
            • 12.65
            • Published

            solanke-themes

            Beautiful, professional color themes with Luxury Green, Corporate Blue, and Shadcn-inspired palettes. Complete CSS framework with Bootstrap-like components.

            • v1.1.1
            • 12.57
            • Published

            omnidesign

            Universal design system with Tailwind CSS integration - 25 themes, 176 colors, 39 Nerd Fonts, and AI-ready component recipes for Claude Code, Cursor, OpenCode, and more

            • v1.1.1
            • 11.90
            • Published

            react-native-image-color-picker-fork

            Image color picker based on image source provided and return image different color palettes or average color palette

            • v1.0.4
            • 11.83
            • Published

            image-color-analyst

            Analyze images to find dominant colors and color distribution

            • v1.1.0
            • 11.38
            • Published

            vue-color-palette

            Color picker with linear/radial gradient support.

            • v0.1.1
            • 11.33
            • Published

            @tiger-ui/color-palette-generator

            Install the package in your project directory with: ### npm: ``` npm install @tiger-ui/color-palette-generator ``` ### yarn: ``` yarn add @tiger-ui/color-palette-generator ```

            • v2.0.2
            • 11.15
            • Published

            @hacknug/palx

            Automatic UI Color Palette Generator

              • v1.0.4
              • 11.15
              • Published

              mat-design-colors

              A comprehensive Material Design color palette library with intuitive API, color utilities, and CSS generation for JavaScript and TypeScript.

              • v2.0.0
              • 11.06
              • Published

              palatable

              Automatically generate CSS color, background-color, and border-color utilities based on an array of color values

                • v1.0.1
                • 10.81
                • Published

                @sushify-dev/shadcn-color-themes

                19+ beautiful, production-ready color themes for Tailwind CSS and shadcn/ui. Built with OKLCH colors and CSS variables, featuring neo-brutalism, glassmorphism, and more stunning design styles.

                • v1.0.0
                • 10.37
                • Published

                dextor

                Extract design system patterns from HTML files into structured Markdown references โ€” colors, typography, spacing, animations, components

                  • v0.1.0
                  • 10.37
                  • Published

                  colorshades

                  Making shades from a single color as never been easier

                  • v1.1.0
                  • 9.78
                  • Published

                  @fytte/expo-color-thief

                  Expo module for extracting dominant colors from images using ColorThief algorithm

                  • v0.0.1
                  • 8.19
                  • Published

                  tailwind-v3-palette

                  Generate an HTML color palette from Tailwind CSS v3 config files

                  • v1.0.1
                  • 8.14
                  • Published

                  palettd

                  Generate beautiful brand palette images (SVG/PNG) from a list of colors

                  • v1.4.0
                  • 7.96
                  • Published

                  randomizer-pro-js

                  A JavaScript package to generate random colors and numbers.

                  • v1.1.2
                  • 7.40
                  • Published

                  @growthub/brand-kit

                  Brand data coordination and asset management utilities for Growthub Marketing OS

                  • v1.0.3
                  • 5.82
                  • Published

                  grab-color

                  CLI to get dominant colors out of an image

                    • v1.1.1
                    • 5.82
                    • Published

                    tw-rose-pine

                    unofficial Tailwind plugin of the Rose Pine color palette including CSS vars

                      • v0.1.0
                      • 5.70
                      • Published

                      retro-typewriter-palette

                      A retro-inspired color palette drawn from 1960s typewriters designed for web. Written in TypeScript and compatible with TailwindCSS and component libraries.

                      • v1.0.0
                      • 4.38
                      • Published

                      huescale

                      Generate perceptually uniform color palettes using OKLCH color space with DTCG-compliant design token export

                      • v1.0.0
                      • 4.31
                      • Published

                      devsigner

                      Design assistant MCP server for developers who lack design skills

                      • v1.0.0
                      • 0.00
                      • Published