JSPM

SVG library for react-native

Fast and small gradients manipulation, built on top of TinyColor

Provides a React component that renders a gradient view.

Beautiful color gradients in terminal output

Gradient color component for Ink

Parse CSS3 gradient definitions and return an AST.

Util.format-like string formatting utility.

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

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

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

A module that exposes MeshGradient view from SwiftUI to React Native

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

Colorful animations in terminal output

Pick color from a given color palette by index

Finds the gradient of an ndarray using finite differences

A color picker component library

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

Easy configurable gradient picker, with no dependencies

Add gradient input to the Style Manager in GrapesJS

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

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

SVG library for react-native

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

Radial gradient library for react native

Drop-in progressive blur for React.

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

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

Renders a gradient background

Animated linear gradient for React Native Svg

Color and gradient picker for vue3.js

Mask-powered fade utils for tailwind.

JavaScript and TypeScript client for Gradient AI

A Leaflet plugin for drawing colored gradients along a polyline

Colorful animations in terminal output

Gradient color generator that lives in 21st

Terminal and Console string styling done right.

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

Badge generator with gradient support

Display giant ASCII art logos with colorful gradients in your terminal

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

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.

A class for generating gradients.

Beautiful animated WebGL gradients for React

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

Generate a SVG gradient markup from CSS

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

Component to display text with linear gradient.

Beautiful 3D gradients for your website

PostCSS plugin to fix gradient transparency for Safari and older browsers

react native inner shadows with linear gradient design UI

conic/angular/sweep gradient view

Fully customizable and dynamic Search Bar for React Native.

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

Color gradients for data visualization

Color and gradient picker for vue.js

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

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

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

A tiny utility for generating CSS Mesh Gradients

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

Mathematical optimization in JavaScript.

Tailwind CSS plugin to generate border image gradient utilities

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

Converts a CSS gradient String into Object/JSON

A combo of gradient-string + boxen

Torch-like deep learning framework for Javascript

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

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

JavaScript color conversion and manipulation functions

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

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

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

A color picker on 3 gradient image HSV palette slider

Generate beautiful Web3 address gradient avatar

Fast and small gradients manipulation, built on top of TinyColor

Build beautiful PDF documents in React.

A react native content loader without expo

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

PostCSS plugin for generating the old IE supported filter gradient.

Generate filter gradients for the old IE.

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

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

ANSI terminal styling.

react gradient color picker

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

Deterministic avatar generation from any hash string. Zero dependencies.

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

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

Color picker for react

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

Terminal effects and animations for KYA-OS CLI tools

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

Hiccup shape tree renderer for vanilla Canvas 2D contexts

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

Lightweight gradient toolkit for modern rendering systems.

Image color & feature analysis utilities

A color picker with a few extra functions - for AngularJS

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

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.

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

simple generators for creating random css blobs

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

Provides a React component that renders a gradient view.

React Timepicker

Multivariate dual number algebra, automatic differentiation

Vue gradient picker

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

Framework-agnostic animated shader gradients powered by Three.js

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.

A simple component library to animate text.

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

React bindings for @shader-gradient/core

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

React Native Mesh Gradient

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

Gradient with canvas.

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

Graident blur for ios only

A React component that creates blurry gradient effect.

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

A powerful and beautiful gradient picker.

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

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

Animated linear gradient for React Native Svg (without Expo)

SVG library for react-native

Beautiful animated WebGL wave gradient effects

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

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!

Svelte component for wave-maker WebGL gradients

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

Generate deterministic mesh gradients from any string. Same text = same gradient.

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

Vue bindings for @shader-gradient/core

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

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

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

Vue component for generating beautiful Web3 gradient avatars

Animated bezier gradient swoop component for React

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

Show color swatches and gradients in your terminal from hex codes

A compound-component React color picker and gradient editor

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

A-Frame gradient sky component

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

React component for generating beautiful Web3 gradient avatars

SVG library for react-native

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

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

Basic variants of UI.

Gradient variant of UI.

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

React hook to create gradients

Convert CSS gradients to a SVG gradients

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

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

SVG library for react-native

Faster debugging with color logs

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 highly customizable, animated gradient background component for React applications.

React component for wave-maker WebGL gradients

Vue component for wave-maker WebGL gradients

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

Lightweight JavaScript/TypeScript SDK for integrating with the MSPCentric platform

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

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

Color manipulation library

Color gradient generator

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

SVG library for react-native

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

Coolest handpicked Gradient Hues for your next super amazing stuff

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

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

Seed-based gradient and blob shape generator

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

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

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

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

Convert single-color to color-gradient

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

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

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.

JavaScript Animation Library for CSS Gradients

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

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.

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

Modern React UI Components Library with optional GSAP animations

SVG library for react-native

Fully customizable BottomBar for React Native.

## Getting started

Beautiful, customizable noise gradient backgrounds for React applications

Live texture editing tool for ThreeJS and React Three Fiber

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

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

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

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

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

Color functions

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

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

Sharing background over multiple elements

Prettier config shared for Gradient Network.

A library for creating smooth gradient transitions with easing functions

React native gradient icon provides icon having gradient fill.

Interpolate gradients based on common palettes

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

Commitlint config shared for Gradient Network.

The only colors package you'll ever need

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

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

Fully customizable and unique shape Gradient Header for React Native.

Text components for Vuejs 3

Simple gradient picker

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

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

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

Streaming SVM trainer that uses stochastic gradient descent

Animate gradient colors.

Gradient picker for react

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

a soft gradient background in WebGL

React hash avatar algorithm

Gradient noise for Svelte. With warp and grain.

Module to iterate over a numerically function to Gradient Descent direction

Gradient Shaders for use with PixiJS

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

Gradient component for React Native

SVG library for react-native

Create coloured gradients along polylines using Vue and Leaflet.

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

Fully customizable Gradient Card View for React Native.

SVG library for react-native

Provides a React component that renders a gradient view.

React linear gradient button component.

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

Made with create-react-library

Color and gradient picker for vue.js

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

draw stuff directly onto a pixel buffer similar to a canvas

SVG library for react-native

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

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