JSPM

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

Mathematical optimization in JavaScript.

A color picker on 3 gradient image HSV palette slider

ANSI terminal styling.

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

React Native Mesh Gradient

Fast and small gradients manipulation, built on top of TinyColor

A tiny utility for generating CSS Mesh Gradients

A class for generating gradients.

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.

A react native content loader without expo

Converts a CSS gradient String into Object/JSON

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

Tailwind CSS plugin to generate border image gradient utilities

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

Generate filter gradients for the old IE.

PostCSS plugin for generating the old IE supported filter gradient.

React component for generating beautiful Web3 gradient avatars

React Timepicker

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

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

🌈 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.

Build beautiful PDF documents in React.

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

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

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

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

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

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

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.

Multivariate dual number algebra, automatic differentiation

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

simple generators for creating random css blobs

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.

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

Image color & feature analysis utilities

Convert CSS gradients to a SVG gradients

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

Torch-like deep learning framework for Javascript

react gradient color picker

Framework-agnostic animated shader gradients powered by Three.js

A color picker with a few extra functions - for AngularJS

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

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

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

Provides a React component that renders a gradient view.

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

Color picker for react

Vue gradient picker

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

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.

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

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

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

Sharing background over multiple elements

A powerful and beautiful gradient picker.

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).

A simple component library to animate text.

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

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

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.

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

Gradient-aware Vue 3 component library.

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

Basic variants of UI.

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.

Gradient variant of UI.

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

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

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

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

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

Animated linear gradient for React Native Svg (without Expo)

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.

Provides a React component that renders a gradient view.

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

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

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

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

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

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

Color gradient generator

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

Paint your terminal with color — gradient text and smooth animations

SVG library for react-native

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

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

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.

Color manipulation library

Gradient with canvas.

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

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

Graident blur for ios only

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

SVG library for react-native with AA toggle

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

React hook to create gradients

Interpolate gradients based on common palettes

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

ShaderGradient wrapper for Vue 3

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

A-Frame gradient sky component

Dynamic color wheel for LEDs

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

A React component that creates blurry gradient effect.

Lightweight JavaScript/TypeScript SDK for integrating with the MSPCentric platform

Fade the edges of any scrollable in React Native based on scroll position. Works on iOS and Android, powered by Reanimated and SVG.

Three.js runtime for live and baked Skybox Studio manifests.

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

A lightweight gradient blur line for React Native

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

Zero-GC, data-oriented OKLCH color engine with MINDE gamut mapping and palette-remap kernels for WebGL/Canvas pipelines.

Faster debugging with color logs

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

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

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

Modern React UI Components Library with optional GSAP animations

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!

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.

Live texture editing tool for ThreeJS and React Three Fiber

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

React native gradient icon provides icon having gradient fill.

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

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

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

Parametric Hiro gradient generation, SVG rendering, and browser canvas helpers.

Coolest handpicked Gradient Hues for your next super amazing stuff

SVG library for react-native

Gradient noise for Svelte. With warp and grain.

Animated linear gradient primitive for @onlynative/inertia, built on expo-linear-gradient.

Animated linear gradient for React Native Svg (without Expo)

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

n8n community sub-node that exposes DigitalOcean Gradient Serverless Inference as a LangChain Chat Model for the AI Agent.

A powerful and elegant terminal styling library with colors, gradients, borders, themes, and animations for Node.js

Componente de botão com gradiente para WeCareU Design System

Streaming SVM trainer that uses stochastic gradient descent

Animated nebula gradient input component for React

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

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

Text components for Vuejs 3

Lightweight WebGL shader utilities for mesh and grain gradients.

Module to iterate over a numerically function to Gradient Descent direction

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

## Getting started

Convert single-color to color-gradient

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

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

a gradient progress for nodejs by go

A React component for creating gradient borders with border radius

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

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

A gradient picker component

A <OpacityGradient> element for react-native

Gradient Shaders for use with PixiJS

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

A Vue3's component for generating CSS Mesh Gradients

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

A react-native component to display an Animated Gradient Ribbon activity indicator, like in the Amazon App.

Animate gradient colors.

SVG library for react-native

Easily create stylish, image-based borders in React Native components

A React component that creates an interactive gradient effect following mouse movement on hover

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

Blend OKLCH colors without the muddy sRGB midpoint. Mix, gradient, shades and tints. Part of huekit, the OKLCH toolkit for designers.

Beautiful gradient toast notifications with Redux and standalone support

Simple gradient picker

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

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

Beautiful CSS-based animated mesh gradients for React - 34 themes, 3D lighting, drop shadows, mouse tracking, no WebGL required

A smart animated React Native button that checks internet connectivity and displays online/offline status. Compatible with Expo and all RN versions.

Sphere Field — Many soft translucent gradient spheres drift in 3-D depth, blending into one another like abstract glass bubbles. Depth-of-field softens the back layers. A customizable CrazyGL animated hero section — WebGL, React, drop-in.

Prism Cloud — A luminous chromatic cloud hero built with GLSL. Responds to scroll and pointer with refracted color light. A customizable CrazyGL animated hero section — WebGL, React, drop-in.

Gradients android,ios,web

a glow and gradient button component for vue

Gradient picker for react

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

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

calculate gradient colors between two colors

Fully customizable and unique shape Gradient Header for React Native.

Highly performant, extensible, and tiny color manipulation library.

Generate beautiful gradient avatars for your Vue application.

Prettier config shared for Gradient Network.

The gradient generator

Color functions

Animated CSS Gradients

Conjugate gradient solver

A comprehensive React component for rendering animated zen color gradients with Canvas 2D

2023.03.13/transparent-gradient/mr.chu

Liquid Aurora Gradient — A full-bleed liquid gradient: large organic blobs of electric blue and warm orange bleed and morph across a near-black field, driven by domain-warped FBM in a single WebGL2 fragment shader. Slow… A customizable CrazyGL animated he

JS tool for retrieving step gradients from arrays of colour values

A library for creating smooth gradient transitions with easing functions

High-performance native color palette extraction for React Native. No Expo required. Wraps Google Palette API (Android) and CoreImage (iOS).

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

Create beautiful ASCII art logos with gradient colors for your CLI applications

A lightweight, framework-agnostic JavaScript library that enhances the <img> element fallback experience when images fail to load.

Gradient component for React Native

Configurable CLI logger with gradient colors and file logging

draw stuff directly onto a pixel buffer similar to a canvas

High-performance, prop-driven animated blob background component with hardware-adaptive quality settings and canvas rendering

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

Fully customizable BottomBar for React Native.

a gradient progress for nodejs by go

NodeJS package to fill (part of) an SVG image in a given colour.

a gradient progress for nodejs by go

Progressive Blur Text — A giant display word that is razor-sharp at the top and melts into a progressively heavier blur toward the bottom — a true variable-radius blur per row, not a gradient-masked copy. Bold,… A customizable CrazyGL animated hero sectio

a soft gradient background in WebGL

HSV &lt;-> RGB colors conversion utility library. HSV filter, coloring filter, gradients generating.

css and svg gradient utils

Create colorful gradient arrays in a single line of code.

React native package for linear gradient component on image

Color picker for react

A fully flexible React-powered gradient button component

[](https://www.npmjs.com/package/gradient-background) [](https://standardjs.com) ![NPM](https://img.shie

A Tailwind CSS plugin for creating beautiful gradient backgrounds with directional control

Create amazing, animated gradients with ease.

Node.js module

RN Gauge

SVG library for react-native

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

gradient-now is a command-line tool that generates a gradient of colors based on the input provided. You can specify any number of colors in hexadecimal format or color names, followed by a number indicating the steps in the gradient.

Color and gradient picker for vue.js


a gradient progress for nodejs by go

A production-ready utility to determine readable text color (black or white) based on any background including gradients.

Commitlint config shared for Gradient Network.

create gradients easily

Color picker with gradient options

Gradient UI elements for use in React websites.

SVG library for react-native

Deterministic gradient avatars with good vibes - no HTTP calls needed

Blend hex colours and generate arrays of hex codes relating to the blend steps in a gradient

Beautiful animated WebGL wave gradient effects

a gradient progress for nodejs by go