JSPM

SVG library for react-native

Provides a React component that renders a gradient view.

Fast and small gradients manipulation, built on top of TinyColor

Beautiful color gradients in terminal output

Colorful animations in terminal output

Parse CSS3 gradient definitions and return an AST.

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

Gradient color component for Ink

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

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

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

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

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

A module that exposes MeshGradient view from SwiftUI to React Native

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

Pick color from a given color palette by index

Finds the gradient of an ndarray using finite differences

A color picker component library

Easy configurable gradient picker, with no dependencies

Add gradient input to the Style Manager in GrapesJS

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

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

A simple gradient library for React Native.

SVG library for react-native

Drop-in progressive blur for React.

Terminal and Console string styling done right.

Radial gradient library for react native

Animated linear gradient for React Native Svg

Stripe WebGl Gradient Animation

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

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

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

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.

react native inner shadows with linear gradient design UI

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

Tailwind CSS v4 plugin for eased gradient stops

Beautiful 3D gradients for your website

Mask-powered fade utils for tailwind.

Display giant ASCII art logos with colorful gradients in your terminal

A Leaflet plugin for drawing colored gradients along a polyline

Color and gradient picker for vue3.js

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

Generate a SVG gradient markup from CSS

Beautiful animated WebGL gradients for React

Renders a gradient background

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

Gradient color generator that lives in 21st

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 forked version of thelevicole/stripe-gradient adapted for TypeScript

The only colors package you'll ever need

Generate beautiful Web3 address gradient avatar

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

Component to display text with linear gradient.

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

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

Colorful animations in terminal output

Badge generator with gradient support

PostCSS plugin to fix gradient transparency for Safari and older browsers

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

JavaScript and TypeScript client for Gradient AI

Vue component for generating beautiful Web3 gradient avatars

Color and gradient picker for vue.js

Color gradients for data visualization

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

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

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

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

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

conic/angular/sweep gradient view

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.

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

Hiccup shape tree renderer for vanilla Canvas 2D contexts

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

Color util with color format conversions and gradients

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

Terminal effects and animations for KYA-OS CLI tools

A combo of gradient-string + boxen

Fully customizable and dynamic Search Bar for React Native.

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

ANSI terminal styling.

A color picker on 3 gradient image HSV palette slider

Mathematical optimization in JavaScript.

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.

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

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.

React component for generating beautiful Web3 gradient avatars

PostCSS plugin for generating the old IE supported filter gradient.

React Timepicker

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

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

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

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

JavaScript color conversion and manipulation functions

React component for deterministic mesh-gradient avatars — a unique gradient for every seed, no stored images.

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.

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.

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

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

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

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

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

Convert CSS gradients to a SVG gradients

Image color & feature analysis utilities

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

Torch-like deep learning framework for Javascript

Framework-agnostic animated shader gradients powered by Three.js

react gradient color picker

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

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

SVG library for react-native

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.

Sharing background over multiple elements

A powerful and beautiful gradient picker.

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

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

Gradient-aware Vue 3 component library.

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

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

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

Basic variants of UI.

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.

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

Gradient variant of UI.

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

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.

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)

Provides a React component that renders a gradient view.

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

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.

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.

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

Vue bindings for @shader-gradient/core

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

Paint your terminal with color — gradient text and smooth animations

MCP server providing color manipulation and design tools for AI agents

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 gradient generator

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.

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

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

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

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

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

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

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!

Modern React UI Components Library with optional GSAP animations

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

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.

[](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

Gradient noise for Svelte. With warp and grain.

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

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

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

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

SVG library for react-native

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

Animated linear gradient for React Native Svg (without Expo)

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

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

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

## 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

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

A <OpacityGradient> element for react-native

Gradient Shaders for use with PixiJS