JSPM

Found 498 results for gradient mask

paint-bucket

Highly performant, extensible, and tiny color manipulation library.

  • v2.2.1
  • 17.70
  • Published

rn-gradients

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

  • v0.0.2
  • 17.64
  • Published

web3-avatars-soft

Generate beautiful gradient avatars from Ethereum addresses

    • v1.0.0
    • 17.56
    • Published

    mesh-gradient

    Use WebGL radial gradients to create Mesh Gradient effects.

      • v1.0.1
      • 17.35
      • Published

      react-gradient-generator

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

      • v1.0.6
      • 16.60
      • Published

      gradient-animation

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

        • v1.0.17
        • 16.33
        • Published

        vue3-color-picker-gradient

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

        • v0.7.0
        • 16.24
        • Published

        react-avatar-gradient

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

        • v2.2.6
        • 16.08
        • Published

        react-colorify

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

        • v0.2.4
        • 16.03
        • Published

        expo-gradient-text

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

        • v1.0.8
        • 15.29
        • Published

        react-native-border

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

        • v0.1.5
        • 14.85
        • Published

        color-engine

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

          • v2.0.2-flooooood
          • 14.64
          • Published

          react-pdf-builder

          Build beautiful PDF documents in React.

          • v2.0.11
          • 14.44
          • Published

          react-native-image-shadow

          A React Native library that generates beautiful shadows from images using color analysis and gradient effects.

          • v0.1.4
          • 14.38
          • Published

          readable-dark-light-colours

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

          • v0.2.0
          • 14.34
          • Published

          aurora-gradient

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

          • v0.0.11
          • 14.26
          • Published

          react-color-n-gradient-picker

          This is a fork of react-best-gradient-color-picker created by Harry Fox (hxfox1@gmail.com)

          • v1.0.3
          • 14.18
          • Published

          nano-color

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

          • v1.0.9
          • 14.09
          • Published

          cranium

          Streaming SVM trainer that uses stochastic gradient descent

          • v1.3.3
          • 13.85
          • Published

          gradient-to-object

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

          • v0.0.2
          • 13.37
          • Published

          claude-code-logogen

          Generate gradient CLAUDE CODE logos in your terminal

            • v1.0.0
            • 13.31
            • Published

            gradient-generator-ui

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

            • v1.0.5
            • 13.31
            • Published

            border-gradient-radius

            A React component for creating gradient borders with border radius

            • v1.2.5
            • 13.31
            • Published

            node-svg-fill

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

            • v1.0.2
            • 13.29
            • Published

            colorfuls

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

            • v1.0.2
            • 13.24
            • Published

            gradient-palette

            A simple gradient palette generator in RGB scale.

            • v1.1.1
            • 13.16
            • Published

            gradient-transition

            A JavaScript library to smoothly animate background-image gradients.

            • v0.0.7
            • 12.93
            • Published

            clcn

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

            • v3.0.3
            • 12.92
            • Published

            colormotion

            Dynamic color wheel for LEDs

            • v3.3.0
            • 12.87
            • Published

            gradient-background

            [![NPM](https://img.shields.io/npm/v/gradient-background.svg)](https://www.npmjs.com/package/gradient-background) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) ![NPM](https://img.shie

            • v1.6.3
            • 12.65
            • Published

            react-svg-gradient

            React component that generates a SVG linear gradient from CSS linear-gradient syntax

            • v1.0.2
            • 12.57
            • Published

            cli-gradient

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

            • v1.0.0
            • 12.49
            • Published

            lib42

            Node.js module

            • v0.2.2
            • 11.77
            • Published

            isomorphic-lolcat

            Lolcat gradient that can be used in browser or Node

            • v0.3.1
            • 11.67
            • Published

            react-native-apply-shadow

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

            • v1.0.2
            • 11.52
            • Published

            react-gradient-hover

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

            • v2.1.3
            • 11.42
            • Published

            react-gradient-avatar

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

            • v0.1.1
            • 11.41
            • Published

            p5.fillgradient

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

            • v0.1.2
            • 10.91
            • Published

            @momo-kits/svg

            SVG library for react-native

            • v0.112.1-rn76.30
            • 10.91
            • Published

            @addincendekia/template-gradfull

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

            • v2.1.1
            • 10.90
            • Published

            colorgrad-js

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

            • v0.1.0
            • 10.77
            • Published

            layerganza

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

            • v2.4.1
            • 10.75
            • Published

            gradientify

            Create amazing, animated gradients with ease.

            • v1.1.5
            • 10.57
            • Published

            progressive-acrylic

            Advanced layered acrylic glass effects for web elements. Create iOS/Windows-style acrylic blur overlays with multiple customizable layers: blur, luminosity, tint, and noise.

            • v2.0.2
            • 10.53
            • Published

            warna

            Color utility library in Javascript

            • v0.2.4
            • 10.44
            • Published

            naa-rn-svg

            SVG library for react-native with AA toggle

            • v14.1.19
            • 10.44
            • Published

            gradiently

            A minimal, lightweight colour picker to generate beautiful colours and gradients.

            • v1.0.9
            • 10.38
            • Published

            sumi-color

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

            • v1.0.6
            • 10.21
            • Published

            regenbogen

            functional approach to color gradients

              • v1.0.3
              • 9.99
              • Published

              postcss-pie

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

              • v3.0.1
              • 9.98
              • Published

              ms-react-gradient

              component library that converts any text to the desired gradient colors

              • v1.2.9
              • 9.81
              • Published

              tailwind-gradients

              Tailwind preset to add conic and radial gradients to tailwindcss

                • v1.0.1
                • 9.70
                • Published

                vue-avatar-gradient

                Generate beautiful gradient avatars for your Vue application.

                • v1.0.9
                • 9.56
                • Published

                birthday-wish

                Here's the updated GitHub description optimized for Bun runtime:

                  • v1.0.1
                  • 9.56
                  • Published

                  react-gradient-view

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

                    • v0.0.3
                    • 9.49
                    • Published

                    generate-random-gradient

                    Generate beautiful linear gradients with randomly generated hex color values

                    • v1.0.2
                    • 9.39
                    • Published

                    gradient-overlay

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

                    • v1.1.0
                    • 9.28
                    • Published

                    pixel-draw

                    draw stuff directly onto a pixel buffer similar to a canvas

                    • v0.0.1273
                    • 9.28
                    • Published

                    jqm-gradient-chooser

                    A collapsible widget to specify a gradient for jQuery Mobile

                    • v1.1.0
                    • 9.28
                    • Published

                    momentum-search

                    A TypeScript library to iteratively tune parameters using adaptive momentum-based optimization to minimize a given loss function.

                    • v1.1.0
                    • 9.10
                    • Published

                    grprogress

                    a gradient progress for nodejs by go

                    • v1.6.5
                    • 9.09
                    • Published

                    gradient-cursor

                    A JavaScript library that applies a dynamic and customizable gradient cursor effect to enhance user interaction on web pages.

                    • v1.0.3
                    • 9.05
                    • Published

                    noise-gradient-bg

                    Beautiful, customizable noise gradient backgrounds for React applications

                    • v1.0.4
                    • 8.94
                    • Published

                    termcolorized

                    A powerful terminal text styling, coloring and animation library for Node.js CLI applications - Zero Dependencies

                    • v1.0.0
                    • 8.94
                    • Published

                    react-gradient-ui

                    Gradient UI elements for use in React websites.

                    • v1.0.5
                    • 8.94
                    • Published

                    vue2-leaflet-hotline

                    Create coloured gradients along polylines using Vue and Leaflet.

                    • v1.0.1
                    • 8.94
                    • Published

                    stargrad

                    A JavaScript library for automatic gradient calculation, inspired by PyTorch

                    • v1.1.1
                    • 8.83
                    • Published

                    gradient-ring-progress

                    gradient-ring-progress是js编写的渐变环形进度条插件,该插件小巧不依赖其他的库 ### Demo [gradient-ring-progress](https://progress.lap.360.cn/) ### Install ``` npm i gradient-ring-progress -S ``` ### Quick Start ``` JavaScript <div id="progress" style="height: 500px; width: 500px;"><

                    • v1.0.3
                    • 8.72
                    • Published

                    gradient-control

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

                    • v0.0.4
                    • 8.58
                    • Published

                    gradient-flag

                    Beautiful color gradients in terminal output

                    • v2.1.9
                    • 8.58
                    • Published

                    rgb-color-utils

                    A simple utils library for RGB colors which provides some convenient methods such as color interpolation, gradient generation, etc.

                    • v1.0.0
                    • 8.58
                    • Published

                    react-surfaces

                    A collection of animated background gradients

                    • v1.1.2
                    • 8.58
                    • Published

                    termstyle-plus

                    The most comprehensive and powerful terminal styling library with extensive color support, gradients, animations, and special effects - TypeScript Edition

                      • v1.1.0
                      • 8.44
                      • Published

                      ethereal-color

                      Fast, simple, easy library to work with colors: single, palette's, gradient and more

                      • v0.0.5
                      • 8.34
                      • Published

                      rn_view_gradient

                      A simple react native component for creating a gradient colour view using only View components no native code.

                      • v1.0.0
                      • 8.03
                      • Published

                      react-fdt-gradient

                      A React component library for gradient-based designs, including text, background, and border gradients.

                        • v1.0.0
                        • 8.02
                        • Published

                        backgroundor

                        a jquery plugin to add animation for the background color specially gradient colors

                        • v0.1.1
                        • 7.96
                        • Published

                        gradient.js

                        Create colorful gradient arrays in a single line of code.

                        • v1.0.8
                        • 7.89
                        • Published

                        gradiate

                        JS tool for retrieving step gradients from arrays of colour values

                        • v0.1.8
                        • 7.89
                        • Published

                        gradient-text

                        Easily gradientify your text

                        • v0.0.2
                        • 7.88
                        • Published

                        tailwind-more-colors

                        Lets you use more colors like red-410, red-420, ... red-490.

                          • v1.0.6
                          • 7.69
                          • Published

                          colorwave

                          A lightweight JavaScript and CSS library for creating animated gradient backgrounds with ease.

                          • v1.0.0
                          • 7.69
                          • Published

                          helper-uigradient

                          Template helper that generates the CSS for any of the gradients from Ghosh/uiGradients

                          • v1.0.0
                          • 7.36
                          • Published

                          gradient2

                          generate a gradient as an array of Color objects

                          • v1.0.5
                          • 7.27
                          • Published

                          cracked-prism

                          will provide you a series of colors between two colors. #linear_gradient

                          • v1.0.3
                          • 7.27
                          • Published

                          angular-hover-gradient-button

                          The Angular Hover Gradient Button is a customizable, easy-to-use Angular button with a hover gradient effect on hover.

                          • v0.0.3
                          • 7.27
                          • Published

                          gradient-placeholder

                          Only 2KB utility for generating customizable SVG placeholders for any dimension image with gradient backgrounds and text.

                          • v1.0.2
                          • 7.27
                          • Published

                          react-gradient-path

                          A small library to have any gradient follow along any SVG path written in TypeScript and wrapped in a React component.

                          • v1.0.0
                          • 7.18
                          • Published

                          rainbow-square

                          Create a dataURL for a square with a rainbow gradient

                          • v1.0.3
                          • 7.18
                          • Published

                          @oxog/termstyle

                          A powerful, feature-rich CLI text formatting library with zero dependencies. Supports colors, gradients, animations, progress bars, and more.

                          • v1.0.1
                          • 7.09
                          • Published

                          @twallpaper/vue

                          🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

                          • v2.1.2
                          • 6.69
                          • Published

                          colour-me-life

                          NodeJS colour gradient helper

                          • v2.0.0
                          • 6.68
                          • Published

                          ng2-kw-duotone-image

                          Angular2 component to apply a duotone SVG filter to an image

                          • v0.0.2
                          • 6.68
                          • Published

                          @twallpaper/webgl

                          🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

                          • v2.2.0
                          • 6.63
                          • Published

                          mesh-gradient-ts

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

                          • v1.0.5
                          • 6.57
                          • Published

                          gytis

                          🌈 Psychedelic animated ASCII art with Shrek-inspired gradients and crazy purples! Perfect for terminal eye candy.

                          • v1.0.0
                          • 6.49
                          • Published

                          gradient-control-custom

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

                          • v0.0.5
                          • 5.86
                          • Published

                          ml-util

                          Machine Learning Utility Functions

                          • v1.1.1
                          • 5.86
                          • Published

                          gradienticons

                          A versatile React icon component library with gradient support, hover effects, and customizable shapes. Perfect for modern UI designs.

                          • v1.0.4
                          • 5.86
                          • Published

                          unocss-preset-chroma-forked

                          chroma-js gradient for UnoCSS, a replacement of unocss-perset-chroma which is unavaliable

                          • v0.0.3
                          • 5.86
                          • Published

                          gradient-now

                          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.

                            • v1.0.6
                            • 5.86
                            • Published

                            @seymar/gradient

                            Gradient class & manipulation functions

                              • v1.0.0
                              • 5.83
                              • Published

                              postcss-blurry-gradient-workaround

                              PostCSS plugin that splits gradients with too many explicit end-stops into separate gradients as workaround for blurry gradients in some browsers.

                              • v1.0.3
                              • 5.82
                              • Published

                              angular-gradient-control

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

                              • v1.0.0
                              • 5.82
                              • Published

                              dark-light-colours

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

                              • v0.1.9
                              • 5.82
                              • Published

                              css-mesh

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

                              • v0.7.1
                              • 5.76
                              • Published

                              rainbowy.js

                              A gradient manager with changable transition functions and multiple colors.

                              • v1.0.1
                              • 5.76
                              • Published

                              @daign/color

                              Simple color utils library in Typescript

                              • v1.0.2
                              • 5.69
                              • Published

                              fgtw

                              Converts a Figma gradient string to Tailwind CSS JIT className

                              • v1.2.1
                              • 5.62
                              • Published

                              progress-circle-gradient

                              configurable circular progressbar with angular gradient react component

                              • v1.0.2
                              • 4.89
                              • Published

                              color-picker-native

                              A framework-agnostic color picker with support for solid colors and gradients

                                • v1.0.2
                                • 4.89
                                • Published

                                pixer

                                add pixelated canvas gradient between html elements

                                • v0.1.0
                                • 4.89
                                • Published

                                bootstrap-gradients

                                A comprehensive package of legitimate bootstrap gradient colors, ready to be used in any bootstrap based project.

                                • v1.0.0
                                • 4.87
                                • Published

                                entity-color-tool

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

                                • v0.1.7
                                • 4.87
                                • Published

                                @chiarapassaro/color-palettes-range

                                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!

                                  • v2.0.4
                                  • 4.87
                                  • Published

                                  @wceozl/trans-kit

                                  一个强大的中英文翻译和代码命名CLI工具

                                  • v1.0.0
                                  • 4.85
                                  • Published

                                  termstyle-pro

                                  The most comprehensive and powerful terminal styling library with extensive color support, gradients, animations, and special effects

                                  • v1.2.0
                                  • 4.85
                                  • Published

                                  geo-gradient-color

                                  This is a fork of the react-gradient-color-picker

                                  • v3.0.12
                                  • 4.80
                                  • Published

                                  react-textgradient

                                  Text gradient react component. CSS with SVG fallback.

                                    • v0.0.2
                                    • 4.80
                                    • Published

                                    angular-gradient

                                    A set of Angular gradient directives for all standard html tags.

                                    • v1.0.0
                                    • 4.75
                                    • Published

                                    amalgamatr

                                    Takes in a list of colors and selects one that fits within the specified percentage

                                    • v0.0.1
                                    • 4.69
                                    • Published

                                    jquery.rsbutton

                                    Shows intermediate sprites when running a transition between two states

                                    • v1.0.2
                                    • 4.69
                                    • Published

                                    color-palette-js

                                    Tool for creating color palettes and gradiens.

                                    • v1.0.0
                                    • 3.70
                                    • Published

                                    react-gradient-carousel

                                    A custom React button that plays a customizable gradient animation.

                                    • v0.1.2
                                    • 3.70
                                    • Published

                                    zint

                                    Modern, pre-built CSS gradients for text, using the OKLCH color model

                                    • v1.0.0
                                    • 3.68
                                    • Published

                                    paint-by-the-numbers

                                    Based on Microsoft Excel's "Color Scales" conditional formatting, returns a color from the linear gradient between 2 or more color endpoints depending on the value.

                                    • v1.1.0
                                    • 3.68
                                    • Published

                                    radient

                                    Gradient creation and manipulation library

                                    • v0.0.4
                                    • 3.67
                                    • Published

                                    aschalk

                                    A beautiful terminal styling library with gradient support, designed for CLI tools and pretty logs.

                                    • v1.0.0
                                    • 3.67
                                    • Published

                                    candy.scss

                                    Sass utility to create gradient effects across elements in CSS.

                                    • v0.1.0
                                    • 3.64
                                    • Published