JSPM

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

Radial gradient library for react native

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

Drop-in progressive blur for React.

SVG library for react-native

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 simple gradient library for React Native.

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

Tailwind CSS v4 plugin for eased gradient stops

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

Stripe WebGl Gradient Animation

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

Mask-powered fade utils for tailwind.

Animated linear gradient for React Native Svg

Renders a gradient background

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

JavaScript and TypeScript client for Gradient AI

A Leaflet plugin for drawing colored gradients along a polyline

Colorful animations in terminal output

Color and gradient picker for vue3.js

Gradient color generator that lives in 21st

Display giant ASCII art logos with colorful gradients in your terminal

Terminal and Console string styling done right.

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

Badge generator with gradient support

Beautiful animated WebGL gradients for React

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.

react native inner shadows with linear gradient design UI

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

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

A class for generating gradients.

Generate a SVG gradient markup from CSS

Component to display text with linear gradient.

Beautiful 3D gradients for your website

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

PostCSS plugin to fix gradient transparency for Safari and older browsers

Terminal effects and animations for KYA-OS CLI tools

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

Fully customizable and dynamic Search Bar for React Native.

Color gradients for data visualization

conic/angular/sweep gradient view

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

Color and gradient picker for vue.js

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

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

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

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

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

Color util with color format conversions and gradients

A combo of gradient-string + boxen

Mathematical optimization in JavaScript.

A tiny utility for generating CSS Mesh Gradients

Generate beautiful Web3 address gradient avatar

Tailwind CSS plugin to generate border image gradient utilities

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

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

Converts a CSS gradient String into Object/JSON

Torch-like deep learning framework for Javascript

ANSI terminal styling.

JavaScript color conversion and manipulation functions

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

Fast and small gradients manipulation, built on top of TinyColor

A color picker on 3 gradient image HSV palette slider

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

Deterministic avatar generation from any hash string. Zero dependencies.

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

A react native content loader without expo

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

Build beautiful PDF documents in React.

A Skia and Reanimated based shader, creating a Apple like Ai Orb/Sphere

PostCSS plugin for generating the old IE supported filter gradient.

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

Generate filter gradients for the old IE.

react gradient color picker

A composable decorative background component for React applications built with Mantine. Layer gradients, glow blobs, dot grids, mesh gradients, noise, particles, rain, confetti, and parallax SVG waves to create rich atmospheric backgrounds — with viewport

LTS glass surface engine with surface, gradient, frost, recipes, responsive variants, theme tokens, static CSS compilation, and optional runtime motion.

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

Color picker for react

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

Standalone Svelte 5 gradient editor component with a typed model API.

Gradient calculator - computes rate of change of numeric values over time

Lightweight gradient toolkit for modern rendering systems.

Image color & feature analysis utilities

Hiccup shape tree renderer for vanilla Canvas 2D contexts

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

Multivariate dual number algebra, automatic differentiation

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

Seed-based gradient and blob shape generator

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

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

A color picker with a few extra functions - for AngularJS

React component for generating beautiful Web3 gradient avatars

React Timepicker

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

simple generators for creating random css blobs

Framework-agnostic animated shader gradients powered by Three.js

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

Vue gradient picker

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.

Graident blur for ios only

SVG library for react-native

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

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!

React bindings for @shader-gradient/core

A simple component library to animate text.

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

Provides a React component that renders a gradient view.

A powerful and beautiful gradient picker.

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

Gradient with canvas.

Discord-first color engine with named colors, palettes, gradients, Tailwind tokens, and role color systems.

A React component that creates blurry gradient effect.

Beautiful animated WebGL wave gradient effects

React Native Mesh Gradient

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

SVG library for react-native

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

Vue bindings for @shader-gradient/core

Svelte component for wave-maker WebGL gradients

Animated linear gradient for React Native Svg (without Expo)

Professional color picker with gradient support for Sanity Studio v3, v4, and v5

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

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

Basic variants of UI.

Animated bezier gradient swoop component for React

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

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

A collection of production-quality React components for building configurators - sliders, color pickers, gradient editors, toggles, and more.

A compound-component React color picker and gradient editor

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

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

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

Vue component for generating beautiful Web3 gradient avatars

High-performance color utilities: WCAG contrast enforcement, multi-stop color scales, and image palette extraction.

Gradient variant of UI.

Zero-GC OKLCH gradient generator. N-stop perceptually uniform gradients for canvas and CSS.

SVG library for react-native

A-Frame gradient sky component

React hook to create gradients

Physics-based sky gradient renderer. Given a date/time and coordinates, returns a CSS gradient representing the current sky.

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

Style-aware bezier path interpolation and splitting (color, gradient, stroke)

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

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

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

A library for creating smooth gradient transitions with easing functions

Convert CSS gradients to a SVG gradients

The only colors package you'll ever need

A professional Node.js QR code generator library with advanced styling options including gradients, rounded modules, logo support, specialized QR types (vCard, WiFi, Email, SMS, Geo), SVG export, eye customization, and circular eyes

React component for wave-maker WebGL gradients

Vue component for wave-maker WebGL gradients

A color picker component with gradient support for Vue 3

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

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

Coolest handpicked Gradient Hues for your next super amazing stuff

Color manipulation library

Color gradient generator

Advanced color operations MCP server with Material Design 3 support, CSS theme matching, image color extraction, and accessibility compliance. Features HCT color space for perceptually accurate operations.

Fully customizable, Gradient, Outline and Solid Button for React Native.

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

Sharing background over multiple elements

Faster debugging with color logs

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

A simple and fully customizable implementation of a skeleton placeholder for React Native

Convert single-color to color-gradient

Lightweight JavaScript/TypeScript SDK for integrating with the MSPCentric platform

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

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

React Gradient Text formats any text to be colored with a beautiful gradient.

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

A small Javascript library for color conversion and manipulation. Also provides color mixin and gradient.

[](https://www.typescriptlang.org/) [](https://

A gradient Slidev theme with customizable colors

Generate beautiful random CSS gradients (linear & radial) with presets, HSL, and mixed modes

A gradient animation tool, that gives you the ability to create beautiful gradient animations directly in CSS or in JS

Interpolate gradients based on common palettes

A Skia-first avatar FX engine for React Native with procedural glow, fire, electricity, water, and particle effects.

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

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.

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

Fully customizable BottomBar for React Native.

Color functions

A customizable React component for creating avatars with dynamic gradients and initials.

Live texture editing tool for ThreeJS and React Three Fiber

Grainy animated flowing-blob gradients for the web, powered by WebGL.

Beautiful, customizable noise gradient backgrounds for React applications

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

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

Modern React UI Components Library with optional GSAP animations

Fully customizable and unique shape Gradient Header for React Native.

Gradient-aware Vue 3 component library.

Animate gradient colors.

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

Color and gradient picker for vue.js

Cinematic terminal QR code generator — half-block, braille, particle fly-in, matrix rain, device handshake, history, PDF/GIF export, shareable links

2023.03.13/transparent-gradient/mr.chu

SVG library for react-native

## Getting started

This package provides functions for parsing, structuring colors and generating gradients, adjusting brightness, converting to grayscale.

Dynamic color wheel for LEDs

React linear gradient button component.

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

Gradient Shaders for use with PixiJS

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

Simple gradient picker

Gradient picker for react

SVG library for react-native

Module to iterate over a numerically function to Gradient Descent direction

A feed-forward neural network with injectable layers, activation functions, and optimizers.

draw stuff directly onto a pixel buffer similar to a canvas

HSV <-> RGB colors conversion utility library. HSV filter, coloring filter, gradients generating.

You can get smooth gradient color-stops map for sass linear-gradient

Fully customizable Gradient Card View for React Native.

A gradient picker component

React native gradient icon provides icon having gradient fill.

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

Text components for Vuejs 3

Streaming SVM trainer that uses stochastic gradient descent

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

Beautiful animated marble/bubble gradient components for React

React native package for linear gradient component on image

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

Professional React UI components for color management and design systems. Features ColorPicker with gradients, InputColorPicker, InputHex with alpha channel, InputNumberSelect, and more. Built with TypeScript.

Highly performant, extensible, and tiny color manipulation library.

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

Made with create-react-library

SVG library for react-native

NodeJS colour gradient helper

Provides a React component that renders a gradient view.

Node.js module

Style Modifier for fancier css gradients

Prettier config shared for Gradient Network.

Library to create a gradient generator in vanilla-js with interactive user interface in html

Create coloured gradients along polylines using Vue and Leaflet.

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

A fully flexible React-powered gradient button component

A versatile TypeScript utility library for enhanced console logging, formatting, and layout management.

a soft gradient background in WebGL

Componente de botão com gradiente para WeCareU Design System

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

Cross-browser CSS gradient generator for TypeScript

Create amazing, animated gradients with ease.

Generate CSS gradients (linear, radial, conic) with TypeScript. Includes presets, WCAG accessibility utilities, Vue 3 and React reactive hooks.

Create Instagram Stories-like background gradients for images

Gradient component for React Native

React hash avatar algorithm

SVG library for react-native

Radial gradient library for react native (forked from https://npm.org/react-native-radial-gradient)

Gradients android,ios,web