tailwindcss-colors-css-variables
Tailwind CSS color palette as CSS variables
Found 120 results for color-palette
Tailwind CSS color palette as CSS variables
Perceptual color palette generation via particle repulsion on convex hulls in OKLab space
@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
Vue 3 multi-theme engine: CSS custom properties, TailwindCSS opacity modifiers, white-label brand contexts, composable API
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.
The material UI color palette as a package.
๐จ Lightweight Color Picker component for React.
New UI colors
Free MCP server with interactive UI for generating color palettes - enables AI assistants to create and visualize Tailwind, SCSS, and CSS color scales
A modern, customizable React color picker component library with 8-digit HEX alpha support
Read and write many color palette formats
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).
Perceptually uniform neutral scales with WCAG 2.1 and APCA contrast auditing.
A tool that lets you select any palette from https://ui.shadcn.com/colors and applies it automatically.
Experimental โ Complete design system from one color. 43 commands, 200+ tokens, 4 export formats. Built out of curiosity for educational purposes. DYOR.
Image color picker based on image source provided and return image different color palettes or average color palette
Angular library which provides color picker functionality to your angular application.
Color Palette Generator based on Human Perception
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.
The Complete Toolkit for App and UI Theming
A powerful React Native library for extracting prominent colors from images and SVGs using Skia rendering engine
A collection of algorithms and utilities for analyzing and selecting maximally distinct colors. Now includes a unified pickDistinctColors API for easy color selection.
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.
Generate color palette file with @ant-design/colors algorithm
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.
Lightweight hexagon color picker for react
AINative Design System MCP Server for Claude Code - Extract design tokens, analyze components, and generate themes
Design system generation library with WCAG accessibility compliance
Small library to help working with palette based PNGs.
React component for displaying and managing color palettes with multiple display modes and customization options
A small, lightweight utility helper to generate color palettes based on a given input color.
React component for extracting dominant colors from images using advanced color analysis algorithms
Mathematical color generation in 3D OKLCH perceptual space using sacred geometry
A lightweight, dependency-free library for color conversion between various formats such as RGBA, HEX, HSL, HSV, and CMYK.
The only colors package you'll ever need
Javascript Library to handle Color calculations
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.
A module to extract theme colors using expo ImageRef
Color Palette plugin using CSS variables for TailwindCSS; forked from tailwindcss-css-variables-palette-plugin
Get a color palette from a uri using phantomjs and color-thief
My personal theme
Professional color palette system for Widgli design system
DevTools plugin for design system analysis, token extraction, and consistency validation
Create automatically a palette with vivid colors from a single input color for UI design and design systems.
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.
A comprehensive, type-safe color manipulation library for TypeScript that provides a wide range of color space conversions, blending operations, and accessibility utilities.
Set Of 174 Handpicked Linear Gradients For Designers Like You :)
Generate color palettes
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.
A reusable React library for color palette context menu with column-based color application
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.
A refined collection of neutral tones with subtle accents for modern UI design.
Colorize and style console logs in Node.js with ease using console-color-log.
Generate color palettes using algorithmic, contrast-based, harmony-based, perceptual, and design-specific algorithms
My personal styled components wrapper
Create variant color palettes from a single color and generate code for them.
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.
A versatile color picker for React Native with two flavors: Full (with react-native-svg) and Lite (zero dependencies)
Expo module for extracting dominant colors from images using ColorThief algorithm
Extract color palettes from any image. Works on both server and client.
Colors for designing warm welcoming, caring sites & apps.
Visual identity and brand assets for **Echoes** - a multi-POV digital storytelling platform.
Automatic UI Color Palette Generator
A collection of color objects and utilities
My personal color palette
My personal css polisher
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
Beautiful, professional color themes with Luxury Green, Corporate Blue, and Shadcn-inspired palettes. Complete CSS framework with Bootstrap-like components.
My personal color palette
A React hook to extract and generate color palettes from images
My personal css polisher
A module to extract theme colors using expo ImageRef
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
Image color picker based on image source provided and return image different color palettes or average color palette
Analyze images to find dominant colors and color distribution
Color picker with linear/radial gradient support.
Install the package in your project directory with: ### npm: ``` npm install @tiger-ui/color-palette-generator ``` ### yarn: ``` yarn add @tiger-ui/color-palette-generator ```
Automatic UI Color Palette Generator
A comprehensive Material Design color palette library with intuitive API, color utilities, and CSS generation for JavaScript and TypeScript.
Automatically generate CSS color, background-color, and border-color utilities based on an array of color values
๐ https://hyper.fun/c/ionicons-color-palette/1.3.0
Useful react native colors
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.
Extract design system patterns from HTML files into structured Markdown references โ colors, typography, spacing, animations, components
A color Picker for RN Devs :)
Making shades from a single color as never been easier
Hello Color JSON API
Expo module for extracting dominant colors from images using ColorThief algorithm
Generate an HTML color palette from Tailwind CSS v3 config files
Generate beautiful brand palette images (SVG/PNG) from a list of colors
A JavaScript package to generate random colors and numbers.
๐ https://hyper.fun/c/carbon-icon-color-palette/1.3.0
Brand data coordination and asset management utilities for Growthub Marketing OS
CLI to get dominant colors out of an image
๐จ Lightweight Color Picker component for React.
unofficial Tailwind plugin of the Rose Pine color palette including CSS vars
Color Picker.
A retro-inspired color palette drawn from 1960s typewriters designed for web. Written in TypeScript and compatible with TailwindCSS and component libraries.
Generate perceptually uniform color palettes using OKLCH color space with DTCG-compliant design token export
Design assistant MCP server for developers who lack design skills