JSPM

An easy to use color/gradient picker for React.js

A color picker component library

Color and gradient picker for vue3.js

Easy configurable gradient picker, with no dependencies

Add gradient input to the Style Manager in GrapesJS

Fast and small gradients manipulation, built on top of TinyColor

Beautiful color gradients in terminal output

Parse CSS3 gradient definitions and return an AST.

SVG library for react-native

vue2,颜色选择器,线性（纯色）、渐变选择器,支持角度、多点渐变

Provides a React component that renders a gradient view.

A color picker on 3 gradient image HSV palette slider

Color and gradient picker for vue.js

Modern React gradient and solid color picker with complete dark theme support, built with TypeScript and Tailwind CSS

A small library to have any gradient follow along any SVG path

A modern color and gradient picker component for Vue 3 with TypeScript support

Colorful animations in terminal output

Gradient color component for Ink

Input a number between 0 and 1, get an rgb value on a smooth gradient from dark to bright

An easy to use color/gradient picker for React.js (fork with pointer-event drag support, mobile/touch support, and assorted fixes)

Free, animated React components built with TypeScript. Zero config, RSC-safe, sub-12 KB core (the form system is opt-in and tree-shakeable per subpath). Gradient button, popover, schema-driven forms and more.

Create beautiful boxes in the terminal with customizable borders, padding, and alignment.

Pure-TypeScript SVG parser, rasterizer, and PNG encoder for Bun/Node — drop-in `Resvg`-compatible class plus a typed element-tree API.

Vue2 颜色选择器，支持纯色和渐变色，支持角度调节、多点渐变

Pick color from a given color palette by index

react gradient color picker

Color picker for react

Finds the gradient of an ndarray using finite differences

Cross-platform shadow for React Native. Improved version of the abandoned react-native-shadow package

JavaScript micro library to generate monotone color schemes and equidistant gradient stops

Animated linear gradient for React Native Svg

A lightweight web components library for building Figma plugin and widget UIs with native look and feel

A module that exposes MeshGradient view from SwiftUI to React Native

Tailwind CSS plugin for generating border gradients with could be used with the rounded utility

A simple gradient library for React Native.

A color picker with a few extra functions - for AngularJS

Deterministic avatar faces from any string. Lightweight, interactive, pure CSS. Works with any framework.

Stripe WebGl Gradient Animation

A simple React color picker with solid and gradient color support.

Deterministic avatar generation from any hash string. Zero dependencies.

A simple utility mimicking Microsoft Excel's Color Scales conditional formatting, which returns the color of a value in a linear gradient between two color endpoints with defined min and max values.

A powerful and beautiful gradient picker.

Library-agnostic React hook that adds scroll-fade indicators to any scrollable container (vertical and horizontal)

Create fluid and interactive gradients animations with this small js library.

The only colors package you'll ever need

Gradient color generator that lives in 21st

Radial gradient library for react native

A Leaflet plugin for drawing colored gradients along a polyline

A performant, highly-customizable animated glow effect for React Native, powered by Skia and Reanimated.

Yidian color picker web component with solid and linear gradient support.

Badge generator with gradient support

Drop-in progressive blur for React.

SVG library for react-native

Beautiful 3D gradients for your website

Terminal and Console string styling done right.

typescript-color-gradient is a typescript native fork of javascript-color-gradient, a lightweight JavaScript library used to generate an array of color gradients by providing start and finish colors, as well as the required number of midpoints.

vue3,颜色选择器,线性（纯色）、渐变选择器,支持角度、多点渐变

Pure javascript colorpicker for modern web. Supporting solid colors, opacity and gradients

A forked version of thelevicole/stripe-gradient adapted for TypeScript

Fast single-threaded SSIM (Structural Similarity Index) metric for CI visual testing

Renders a gradient background

Generate beautiful Web3 address gradient avatar

JavaScript and TypeScript client for Gradient AI

Array-based color types, CSS parsing, conversions, transformations, declarative theme generation, gradients, presets

Tailwind CSS v4 plugin for smooth easing gradients - eliminates hard edges in color transitions

react native inner shadows with linear gradient design UI

Mask-powered fade utils for tailwind.

Tailwind CSS v4 plugin for eased gradient stops

Vue component for generating beautiful Web3 gradient avatars

Mathematical optimization in JavaScript.

Figma-flavored squircles for React Native with gradient support — no native modules

Display giant ASCII art logos with colorful gradients in your terminal

Generate a SVG gradient markup from CSS

Vue gradient picker

A class for generating gradients.

Beautiful animated WebGL gradients for React

A react native content loader without expo

Color util with color format conversions and gradients

Tailwind CSS plugin to generate border image gradient utilities

An easy to use color/gradient picker for React.js

A gradient picker component

Fast single-threaded GMSD (Gradient Magnitude Similarity Deviation) metric for CI visual testing

A simple and fully customizable React Native component that implements a skeleton-like loader

A combo of gradient-string + boxen

Fast and small gradients manipulation, built on top of TinyColor

A tiny utility for generating CSS Mesh Gradients

Gradient picker for react

A composable decorative background component for React applications built with Mantine. Layer gradients, glow blobs, dot grids, mesh gradients, noise, star fields, shooting stars, snow, rain, confetti, parallax SVG waves, radar pulses, sweeping beams and

Lightweight React marquee component powered by CSS animations. Horizontal and vertical scrolling, gradient fade, pause on hover/click, auto-fill, and more.

Component to display text with linear gradient.

Simple gradient picker

Terminal effects and animations for KYA-OS CLI tools

Colorful animations in terminal output

A compact gradient and color picker library optimized for React, offering a fast and lag-free color selection experience with highly customizable options.

PostCSS plugin to fix gradient transparency for Safari and older browsers

An extension for svg.js which allows to pick a color from a gradint at a specific position

React Native Mesh Gradient

SVG element functions for @thi.ng/hiccup & related tooling

Color picker for react

React Timepicker

Color gradients for data visualization

A utility for creating gradient paths with react-native-svg

A tiny WebGL2 dithering primitive for React — wrap any image, video, or canvas, or drop in an animated grainy background.

A fancy progress bar component, with gradient styling and amazing animation.

Zero-dependency CLI rendering library: colors, gradients, animations, ASCII art, pixel art, components, and themes — all in TypeScript.

Gradient picker for react

A modern Angular gradient picker component with draggable color stops, angle picker, and support for linear/radial gradients

conic/angular/sweep gradient view

A Mantine React component with SVG-based loading spinners featuring multiple animation variants, segment shapes, gradient colors, glow effects, progress mode, and compound components.

A zero-dependency React text shimmer that sweeps a multi-stop gradient highlight across your text. Web-Animations-API driven — no CSS import, no Tailwind.

Hiccup shape tree renderer for vanilla Canvas 2D contexts

Build beautiful PDF documents in React.

React Native component for different Gradient styled Texts for iOS & Android.

An ESM/Common.js compatible typescript port of the popular 'chalk-animation' library

Generate filter gradients for the old IE.

React component for generating beautiful Web3 gradient avatars

ANSI terminal styling.

simple generators for creating random css blobs

Fully customizable and dynamic Search Bar for React Native.

A powerful gradient picker plugin for creating multi-color CSS gradients with full control over colors, stops, and angles. Perfect for creating beautiful backgrounds, hero sections, and visual effects. Outputs clean CSS gradient strings ready to use in yo

A tiny but powerful JavaScript library for all kinds of color manipulations.

An easy to use color/gradient picker for React.js

A compound-component React color picker and gradient editor

A small React UI kit for your little tools — a polished, draggable Panel with sliders, toggles, colors, and gradient controls.

LaTeX math equation renderer for React, React Native, Expo, Flutter, Android & iOS WebView. Render LaTeX, MathJax, KaTeX-style math, chemistry SMILES molecular structures, mhchem chemical formulas, tables, and scientific content. Universal cross-platform

Color picker with gradient options

## Project setup ``` npm install ```

Tiny WebGL library for procedural gradient animations. Deterministic. Seed-driven.

Multivariate dual number algebra, automatic differentiation

Converts a CSS gradient String into Object/JSON

A simple component library to create a container with an animated border.

A color picker component with gradient support for Vue 3

This is a fork of react-best-gradient-color-picker created by Harry Fox (hxfox1@gmail.com)

An easy to use color/gradient picker for React.js

PostCSS plugin for generating the old IE supported filter gradient.

A simple component library to create a container with an animated vortex background.

Naive UI gradient picker

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

React component for generative gradient avatars. Every seed renders a unique, deterministic mesh gradient, with no stored images.

A simple component library to create a container with an animated border.

JavaScript color conversion and manipulation functions

Animated gradient backgrounds powered by Perlin noise. Zero main-thread impact via OffscreenCanvas + Web Worker.

Convert CSS gradients to a SVG gradients

Torch-like deep learning framework for Javascript

A framework-agnostic color picker with support for solid colors and gradients

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

Advanced gradual blur effects with animations, presets, responsive design, and multi-framework support

Color picker for react

Color and gradient picker for vue.js

A React component with built-in functionality to animate simple gradients

0D/1D/2D/3D/4D tensors with extensible polymorphic operations and customizable storage

An expressive SCSS framework for building vibrant and beautiful user interfaces. Colorffy CSS brings your designs to life with dynamic theming, vivid gradients, and a powerful tonal color system.

Beautiful, optionally animated mesh / blurry / grainy gradient backgrounds for React.

pure and gradient picker

Engine for Matter — TSL primitives, renderer, scheduler. Framework-agnostic.

color and gradient picker for Vue.js 3

Color and gradient picker for vue.js (without fragment)

Animated linear gradient for React Native Svg (without Expo)

Seed-based gradient and blob shape generator

A pretty extension for CanvasRenderingContext2D to create a pattern of the conical gradient.

Create leaflet Polylines with colored gradients. Inspired from Leaflet.Hotline, with accurate colored gradients and Typescript support.

Color manipulation library

Gradient with canvas.

An easy to use color/gradient picker for React.js

A high-performance, GPU-accelerated, zero-dependency fluid animated mesh gradient background library for React Native and Expo.

Low-level JS library for generating beautiful .pptx files — pptxgenjs-compatible API with designer-grade primitives (global theme, parallel raster pipeline, LRU cache, addTable/Quote/Divider/Avatar, Lucide icons, Prism syntax highlighting, blobs, mesh gra

Color picker for react

Fill shapes in p5.js with Linear, Radial and Conic Gradients.

Image color & feature analysis utilities

Drop a live Fluid generative-art background into any page — a <fluid-bg> web component, a React wrapper, and a CDN one-liner. Wraps the hosted Fluid studio (fluid.krackeddevs.com).

Generate styled QR codes with custom dots, corners, gradients, and logos. Zero-dependency SVG output for Node.js, plus first-class React, React Native, and browser support.

Framework-agnostic animated shader gradients powered by Three.js

Aurora Plane — A pure-CSS animated aurora hero. Cheap, calm, and responsive — a great default when CSS is enough. A customizable CrazyGL animated hero section — WebGL, React, drop-in.

Generate CSS linear, radial and conic gradients with presets, color harmony and WCAG contrast utilities. Vanilla JS / Vue 3 / React.

Animated gradient border that flows around any element. A tiny, dependency-free React component for React 18 and 19.

React bindings for @shader-gradient/core

This is a fork of the react-gradient-color-picker

Animated gradient borders for React components with SVG-based path-following gradients

Provides a React component that renders a gradient view.

A lightweight and customizable mesh gradient animation (or static image) generator for web applications. With configurable colors, movements and effects.

A React component that generates a gradient avatar from a string.

Convert SVG to Android VectorDrawable XML. AST-based (via svgo), with gradients (incl. gradientTransform), clip-path, groups and full CSS color support. Fails loud on constructs a VectorDrawable cannot represent.

SVG library for react-native

Generate square SVG plugin icons from the command line: 200k+ glyphs, gradients, monograms, film grain.

A React Native component for rendering text with a beatiful linear gradient background

Coolest handpicked Gradient Hues for your next super amazing stuff

Blurred color mesh backgrounds for React Native — soft gradient effects with colored shapes and Gaussian blur. Powered by @shopify/react-native-skia.

Sharing background over multiple elements

A beautiful and customizable gradient text component for React Native Expo applications

Paint your terminal with color — gradient text and smooth animations

Text components for Vuejs 3

Color space utilities and WebGL-accelerated gradient rendering for color picker components.

A-Frame gradient sky component

Streaming SVM trainer that uses stochastic gradient descent

A simple component library to animate text.

A color picker component with gradient support for Vue 3

Graident blur for ios only

A lightweight, object-based abstraction over the HTML Canvas 2D API. Compose drawings declaratively with chainable element builders.

Faster debugging with color logs

Tiny, zero-dependency text-to-mood-to-color utility. Consumes a pre-built mood table JSON — use tiny-mood-generate to build one from your content.

Gradient-aware Vue 3 component library.

ScrollPane component handles responsive scrolls in lists that are overflowing inside a container.

A color gradient generator between any two colors with a defined step for react.js

Basic variants of UI.

Module to iterate over a numerically function to Gradient Descent direction

An easy to use color/gradient picker for Vue.js

Fade with css masks instead of adding extra linear gradient elements to the DOM. Works with TailwindCSS, UnoCSS, and CSS.

Lightweight gradient toolkit for modern rendering systems.

Authoring engine for OKLCH gradients — linear, radial, conic, and N×M mesh — with zero-GC rasterization, multi-format export (CSS/SCSS/Tailwind/JSON/SVG), and chroma-weighted palette extraction.

Interpolate gradients based on common palettes

Gradient variant of UI.

React native gradient icon provides icon having gradient fill.

Simplr Avatar is a simple package that allows you to create an avatar with a name or an image.

Provides a React component that renders a gradient view.

Free GLSL fragment shader pack from okaybabe — 13 hand-authored shaders with React + react-three-fiber wrappers. MIT licensed.

A modern Figma-style linear gradient editor for React

A comprehensive, accessible, and highly customizable toggle switch component for Svelte applications. Built with TypeScript and designed with accessibility in mind.

A color picker component library

A highly customizable, animated gradient background component for React applications.

Dither Gradient — A dark editorial hero lit by a single grainy warm gradient that ramps along one animated sine contour (no mirrored band). The contour breathes with a pseudo-random amplitude, and the giant wordmark is… A customizable CrazyGL animated her

Animated linear gradient for React Native Svg (without Expo)

A native gradient mask component for React Native with Reanimated animation support. Supports iOS, Android, and Web platforms.

Artwork Lens — A clear glass DOME — a magnifying loupe / plano-convex lens — glides over a vibrant artwork with your heading composited on top. By default the artwork is an animated domain-warped colour field; supply… A customizable CrazyGL animated hero

Breathing Gradient Landscape — A product screenshot floats above an abstract gradient terrain that slowly breathes through stacked low-frequency FBM noise. Warm peach peaks fade into soft sage valleys; motes drift up;… A customizable CrazyGL animated hero

Javascript utility to generate beautiful gradient backgrounds. Built by the team behind [privjs.com](https://privjs.com)

Vue bindings for @shader-gradient/core

A utility library for color management with dark/light mode adaptations used internally by AceSpace

MCP server providing color manipulation and design tools for AI agents

SVG library for react-native

Color gradient generator

Now you can generate more than three or five colors palette: take a Complementary Palette or a Random Dominant Palette, and you can decide how many colors you want!

Dithered gradient shadows for any element. Canvas-rendered with Bayer matrix thresholding and Oklab color interpolation.

generate a gradient as an array of Color objects

A web component for beautiful real time gradient morphing using three.js and a custom shader.

Conjugate gradient solver

SVG library for react-native with AA toggle

React hook to create gradients

ShaderGradient wrapper for Vue 3

OKLCH color interpolation, multi-stop gradients, and CSS formatting for games and animations.

Drop-in replacement for react-native-linear-gradient and expo-linear-gradient using React Native's built-in backgroundImage — no native module required.

This packages takes css gradient string as an input and converts it to a JSON Object..

Create a badge using GitHub Actions inputs & outputs, and save it into a file

a soft gradient background in WebGL

Dynamic color wheel for LEDs

A React component that creates blurry gradient effect.

A simple component library to create a container with an halo gradient background.

Convert single-color to color-gradient

Lightweight JavaScript/TypeScript SDK for integrating with the MSPCentric platform

React native package for linear gradient component on image

Pure TypeScript CSS generator — gradients, shadows, flexbox, grid, animations, transforms, filters, glassmorphism, typography, clamp, and more. Zero dependencies, fully typed.