JSPM

A module that exposes MeshGradient view from SwiftUI to React Native

JavaScript and TypeScript client for Gradient AI

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.

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

A simple gradient library for React Native.

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

A class for generating gradients.

Animated linear gradient for React Native Svg

Badge generator with gradient support

A Leaflet plugin for drawing colored gradients along a polyline

Color and gradient picker for vue3.js

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

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

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

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

Gradient color generator that lives in 21st

Renders a gradient background

PostCSS plugin to fix gradient transparency for Safari and older browsers

Generate a SVG gradient markup from CSS

A tiny utility for generating CSS Mesh Gradients

Drop-in progressive blur for React.

Mathematical optimization in JavaScript.

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

Terminal and Console string styling done right.

SVG library for react-native

Beautiful 3D gradients for your website

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

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

Terminal effects and animations for KYA-OS CLI tools

Color and gradient picker for vue.js

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.

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

Module for creating gradient palettes for usage in glsl.

Component to display text with linear gradient.

Display giant ASCII art logos with colorful gradients in your terminal

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

Fully customizable and dynamic Search Bar for React Native.

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

Converts a CSS gradient String into Object/JSON

Tailwind CSS plugin to generate border image gradient utilities

Generate beautiful Web3 address gradient avatar

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

Color gradients for data visualization

A React component library for creating interactive holographic effects with dynamic color shifting, mouse tracking, spring animations, cursor-following glow, shimmer effects, and performance optimization

Generate filter gradients for the old IE.

Apply gradient effects to text with CSS, inline SVG mask fallback or a solid color as last resort.

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

JavaScript color conversion and manipulation functions

Vue gradient picker

Color picker for react

Vue component for generating beautiful Web3 gradient avatars

PostCSS plugin for generating the old IE supported filter gradient.

Stripe WebGl Gradient Animation

NativeWind extension - adds missing Tailwind classes (grid, gradients, backdrop effects). Requires NativeWind to be already installed.

A small Torch-like deep learning framework for Javascript

Generate vanilla CSS gradients from parsed gradients with easing support

Gradient UI elements for use in React websites.

SVG library for react-native

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

react native inner shadows with linear gradient design UI

Animated linear gradient for React Native Svg (without Expo)

A react native content loader without expo

Gradient with canvas.

A simple React Native component that checks internet connectivity with a button and displays online/offline status

Fast and small gradients manipulation, built on top of TinyColor

A beautiful, highly customizable React button component with gradient effects, animations, hover effects, and extensive styling options. Perfect for modern web applications that need visually appealing UI elements.

react gradient color picker

A color picker on 3 gradient image HSV palette slider

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

Hiccup shape tree renderer for vanilla Canvas 2D contexts

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

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

conic/angular/sweep gradient view

A color picker with a few extra functions - for AngularJS

React Timepicker

A library for creating smooth gradient transitions with easing functions

Color and gradient picker for vue.js

Convert CSS gradients to a SVG gradients

Image color & feature analysis utilities

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

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

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

SVG library for react-native

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

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

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

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

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

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

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

A powerful and beautiful gradient picker.

Beautiful animated marble/bubble gradient components for React

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

Animated linear gradient for React Native Svg (without Expo)

simple generators for creating random css blobs

Angular package that provide one reusable component for change gradient colors value by using mouse dragging.

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.

Multivariate dual number algebra, automatic differentiation

A modern, customizable, and easy-to-use CSS gradient library for creating beautiful, animated gradients.

A simple component library to animate text.

Create a reactive shiny element in different materials

SVG library for react-native

SVG library for react-native

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

Angular2 component to apply a duotone SVG filter to an image

SVG library for react-native

A-Frame gradient sky component

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

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

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

RN Gauge

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.

A React component that creates blurry gradient effect.

Gradient Shaders for use with PixiJS

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

Beautiful animated WebGL gradients for React

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

Generate beautiful gradient avatars for your Vue application.

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

Color manipulation library

A modern React UI library with purple gradients and smooth animations

Module to iterate over a numerically function to Gradient Descent direction

A combo of gradient-string + boxen

SVG library for react-native

Highly performant, extensible, and tiny color manipulation library.

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

Sharing background over multiple elements

Gradient variant of UI.

React Letter Hologram

Live texture editing tool for ThreeJS and React Three Fiber

Color gradient generator

React native gradient icon provides icon having gradient fill.

## Getting started

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

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

Basic variants of UI.

Dynamic color wheel for LEDs

SVG library for react-native

Lolcat gradient that can be used in browser or Node

Build beautiful PDF documents in React.

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

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

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!

SVG library for react-native

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

A powerful React Native gradient button component with support for gradient borders, text, and customizable styles. Perfect for creating beautiful, modern UI elements with minimal effort.

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

A modern Figma-style linear gradient editor for React

Interpolate gradients based on common palettes

Use WebGL radial gradients to create Mesh Gradient effects.

Node.js module

Gradient picker for react

chroma-js gradient for UnoCSS

Gradients android,ios,web

Provides a React component that renders a gradient view.

An Astro component that generates interactive particles with only eight possible directional choices

Gradient noise for Svelte 5.

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

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

Gradient UI elements for use in React websites.

Create Photoshop like gradient overlay effects in HTML page with canvas support from any images or any div elements with positioned background.

React Native Animated Blur component

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

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

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

A 100% JS solution to adding linear and radial gradients to your React Native projects.

Fully customizable and unique shape Gradient Header for React Native.

A gradient picker component

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

React Component for Pricing

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

React Native Mesh Gradient

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

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

a soft gradient background in WebGL

The only colors package you'll ever need

React linear gradient button component.

Create amazing, animated gradients with ease.

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

React hook to create gradients

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

A small library to have any gradient follow along any SVG path. this is a fork of the library (gradient-path)

A collection of premium, customizable React UI components including Line and PriceLookup with animations, themes, and accessibility features

Gradient component for React Native

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

react-native-text-plus

Creates color gradients from a few colors and converts RBG colors to HEX and vice versa.

Color picker for react

A lightweight CLI coloring utility with support for ANSI, HEX, gradients, rainbow, and dual ESM/CJS support.

Seed-based gradient and blob shape generator

A lightweight React Native component for adding customizable linear and radial gradient backgrounds to your views.

SVG library for react-native

Next-gen composable CLI color and layout toolkit: beautiful boxes, banners, tables, gradients, and more.

SVG library for react-native

Simple gradient picker

Create colorful gradient arrays in a single line of code.

React native package for linear gradient component on image

a glow and gradient button component for vue

Streaming SVM trainer that uses stochastic gradient descent

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

draw stuff directly onto a pixel buffer similar to a canvas

React hash avatar algorithm

a gradient progress for nodejs by go

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

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

Naive UI gradient picker

HTML template with a beautiful gradient color theme, modern, attractive but still looks professional

Color functions

A React component for creating gradient borders with border radius

The gradient generator

Conjugate gradient solver

Fully customizable Animation Layouts for React Native.

Coolest handpicked Gradient Hues for your next super amazing stuff

A <OpacityGradient> element for react-native

High-performance color gradient library, powered by Rust + WebAssembly.

A React Native component for creating multi-color gradient views

Add smooth gradient effects to your command line text, without any external dependencies.

Community contributed collection of beautiful multi-color gradients.

component library that converts any text to the desired gradient colors

Fully customizable Gradient Card View for React Native.

A collection of animated background gradients

Color utility library in Javascript

Beautiful gradient avatars

Inspired from source code of http://www.blackswan.com/dragonfly/

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

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

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

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

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

SVG library for react-native

Beautiful color gradients in terminal output

makes IE capable of rendering several of the most useful CSS3 decoration features.

Made with create-react-library

Angular Directive that animated the gradient background

Create Instagram Stories-like background gradients for images

A JavaScript library to smoothly animate background-image gradients.

loglevel plugin that enables pretty browser log prefixes

generate a gradient as an array of Color objects

A custom React button that plays a customizable gradient animation.

A React gradient outline component

A JavaScript library for automatic gradient calculation, inspired by PyTorch

a gradient progress for nodejs by go

A zero-dependency JavaScript library that overlays a shared gradient background across multiple elements.

a gradient progress for nodejs by go

React Native gradient buttons for your next project

Simplifies the process of applying gradients to Framer layers and even enables animated gradients.

A flexible React Native gradient wrapper component with animated border and background gradients.

Easily gradientify your text