JSPM

Found 497 results for gradient mask

rgt

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

  • v1.0.7
  • 22.24
  • Published

twallpaper

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

  • v2.1.2
  • 22.21
  • Published

vue-gradient-buttons

一个包含炫彩渐变按钮和element-ui按钮的Vue组件库

  • v1.0.1
  • 22.06
  • Published

react-gradient-animation

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

  • v1.0.9
  • 21.68
  • Published

vue2-color-picker-gradient

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

  • v1.0.0
  • 21.60
  • Published

animated-gradient

[![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=flat-square&logo=typescript&logoColor=white)](https://www.typescriptlang.org/) [![React](https://img.shields.io/badge/React-20232A?style=flat-square&logo=react&logoColor=61DAFB)](https://

  • v2.0.3
  • 21.46
  • Published

gradient2svg

Convert CSS gradients to a SVG gradients

  • v0.0.4
  • 21.39
  • Published

@omnedia/ngx-vortex

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

  • v3.0.1
  • 21.38
  • Published

react-three-texture

Live texture editing tool for ThreeJS and React Three Fiber

  • v1.1.18
  • 21.29
  • Published

@omnedia/ngx-halo

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

  • v3.0.1
  • 21.23
  • Published

@twallpaper/react

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

  • v2.1.2
  • 20.59
  • Published

react-native-gradient-wrapper

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

  • v1.0.42
  • 20.40
  • Published

gradient-boxen

A combo of gradient-string + boxen

  • v1.1.0
  • 20.21
  • Published

paywall-js

Simple payment reminder - makes websites fade out when payment is overdue

    • v1.1.0
    • 19.81
    • Published

    @gradient-border/react-native-gradient-button

    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.

    • v0.1.5
    • 19.01
    • Published

    qrcode-kr

    A customizable QR code generator for React and Next.js with logo support and styling options

    • v1.0.0
    • 18.88
    • Published

    react-native-ribbon-loader

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

    • v1.0.0
    • 18.85
    • Published

    gradient-descent

    Module to iterate over a numerically function to Gradient Descent direction

    • v1.0.4
    • 18.64
    • Published

    forge.color

    Color tools for ForgeScript: gradients, palettes, blending, and contrast

    • v1.0.1
    • 18.52
    • Published

    vue-gradient

    Animated CSS Gradients

    • v0.0.1
    • 18.47
    • Published

    @dharshana333/react-ui-components

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

    • v1.2.0
    • 18.01
    • Published

    @nimbus-ds/scroll-pane

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

    • v1.0.0
    • 17.98
    • Published

    gradient-svg-animations

    Professional SVG animation library with gradient backgrounds and Motion-powered animations

    • v1.0.0
    • 17.82
    • Published

    rn-gradients

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

    • v0.0.2
    • 17.51
    • Published

    paint-bucket

    Highly performant, extensible, and tiny color manipulation library.

    • v2.2.1
    • 17.50
    • Published

    @riadh-adrani/gradient-path

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

    • v2.2.1
    • 17.43
    • Published

    web3-avatars-soft

    Generate beautiful gradient avatars from Ethereum addresses

      • v1.0.0
      • 17.38
      • Published

      github-badge-action

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

      • v2.0.0
      • 17.34
      • Published

      coolhue

      Coolest handpicked Gradient Hues for your next super amazing stuff

      • v1.0.9
      • 17.28
      • Published

      @privjs/gradients

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

      • v1.0.11
      • 17.13
      • Published

      react-pricing

      React Component for Pricing

      • v0.1.5
      • 16.92
      • Published

      react-gradient-generator

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

      • v1.0.6
      • 16.47
      • 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.38
        • Published

        vue3-color-picker-gradient

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

        • v0.7.0
        • 16.12
        • Published

        react-avatar-gradient

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

        • v2.2.6
        • 15.92
        • 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
        • 15.87
        • Published

        aurora-gradient

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

        • v0.0.11
        • 15.24
        • Published

        expo-gradient-text

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

        • v1.0.8
        • 15.14
        • Published

        react-native-image-shadow

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

        • v0.1.4
        • 15.06
        • Published

        react-native-border

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

        • v0.1.5
        • 14.70
        • Published

        react-pdf-builder

        Build beautiful PDF documents in React.

        • v2.0.11
        • 14.42
        • Published

        colour-me-life

        NodeJS colour gradient helper

        • v2.0.0
        • 14.24
        • Published

        readable-dark-light-colours

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

        • v0.2.0
        • 14.19
        • 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.03
        • Published

        cranium

        Streaming SVM trainer that uses stochastic gradient descent

        • v1.3.3
        • 13.87
        • Published

        gradient-to-object

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

        • v0.0.2
        • 13.27
        • Published

        color-engine

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

          • v2.0.2-flooooood
          • 13.17
          • Published

          claude-code-logogen

          Generate gradient CLAUDE CODE logos in your terminal

            • v1.0.0
            • 13.17
            • Published

            react-svg-gradient

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

            • v1.0.2
            • 13.11
            • Published

            gradient-palette

            A simple gradient palette generator in RGB scale.

            • v1.1.1
            • 13.06
            • Published

            nano-color

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

            • v1.0.9
            • 13.03
            • Published

            gradient-transition

            A JavaScript library to smoothly animate background-image gradients.

            • v0.0.7
            • 12.83
            • Published

            clcn

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

            • v3.0.3
            • 12.78
            • Published

            node-svg-fill

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

            • v1.0.2
            • 12.51
            • Published

            colorgrad-js

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

            • v0.1.0
            • 12.51
            • Published

            react-gradient-hover

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

            • v2.1.3
            • 12.33
            • Published

            border-gradient-radius

            A React component for creating gradient borders with border radius

            • v1.2.5
            • 11.90
            • Published

            @addincendekia/template-gradfull

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

            • v2.1.1
            • 11.68
            • Published

            colormotion

            Dynamic color wheel for LEDs

            • v3.3.0
            • 11.53
            • Published

            naa-rn-svg

            SVG library for react-native with AA toggle

            • v14.1.19
            • 11.53
            • Published

            gradient-generator-ui

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

            • v1.0.5
            • 11.39
            • Published

            isomorphic-lolcat

            Lolcat gradient that can be used in browser or Node

            • v0.3.1
            • 11.37
            • Published

            ms-react-gradient

            component library that converts any text to the desired gradient colors

            • v1.2.9
            • 11.10
            • 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
            • 10.96
            • Published

            p5.fillgradient

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

            • v0.1.2
            • 10.94
            • Published

            regenbogen

            functional approach to color gradients

              • v1.0.3
              • 10.90
              • Published

              react-gradient-avatar

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

              • v0.1.1
              • 10.73
              • Published

              gradientify

              Create amazing, animated gradients with ease.

              • v1.1.5
              • 10.60
              • Published

              cli-gradient

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

              • v1.0.0
              • 10.52
              • Published

              tailwind-gradients

              Tailwind preset to add conic and radial gradients to tailwindcss

                • v1.0.1
                • 10.32
                • 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.30
                • Published

                sumi-color

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

                • v1.0.6
                • 10.24
                • 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
                • 9.85
                • Published

                react-native-apply-shadow

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

                • v1.0.2
                • 9.71
                • Published

                layerganza

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

                • v2.4.1
                • 9.54
                • Published

                postcss-pie

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

                • v3.0.1
                • 9.54
                • Published

                vue-avatar-gradient

                Generate beautiful gradient avatars for your Vue application.

                • v1.0.9
                • 9.54
                • Published

                react-gradient-view

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

                  • v0.0.3
                  • 9.41
                  • Published

                  generate-random-gradient

                  Generate beautiful linear gradients with randomly generated hex color values

                  • v1.0.2
                  • 9.30
                  • Published

                  pixel-draw

                  draw stuff directly onto a pixel buffer similar to a canvas

                  • v0.0.1273
                  • 9.17
                  • Published

                  noise-gradient-bg

                  Beautiful, customizable noise gradient backgrounds for React applications

                  • v1.0.4
                  • 8.97
                  • Published

                  termcolorized

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

                  • v1.0.0
                  • 8.97
                  • Published

                  vue2-leaflet-hotline

                  Create coloured gradients along polylines using Vue and Leaflet.

                  • v1.0.1
                  • 8.85
                  • 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
                  • 8.82
                  • Published

                  stargrad

                  A JavaScript library for automatic gradient calculation, inspired by PyTorch

                  • v1.1.1
                  • 8.73
                  • Published

                  birthday-wish

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

                    • v1.0.1
                    • 8.57
                    • Published

                    gradient-flag

                    Beautiful color gradients in terminal output

                    • v2.1.9
                    • 8.57
                    • Published

                    text-gradient

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

                    • v0.2.0
                    • 8.55
                    • 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.47
                      • Published

                      gradient-text

                      Easily gradientify your text

                      • v0.0.2
                      • 8.35
                      • Published

                      jqm-gradient-chooser

                      A collapsible widget to specify a gradient for jQuery Mobile

                      • v1.1.0
                      • 8.24
                      • 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.01
                      • Published

                      react-surfaces

                      A collection of animated background gradients

                      • v1.1.2
                      • 8.01
                      • Published

                      react-fdt-gradient

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

                        • v1.0.0
                        • 8.01
                        • Published

                        gradient.js

                        Create colorful gradient arrays in a single line of code.

                        • v1.0.8
                        • 7.91
                        • Published

                        gradiate

                        JS tool for retrieving step gradients from arrays of colour values

                        • v0.1.8
                        • 7.91
                        • Published

                        backgroundor

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

                        • v0.1.1
                        • 7.90
                        • Published

                        momentum-search

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

                        • v1.1.0
                        • 7.89
                        • Published

                        colorfuls

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

                        • v1.0.2
                        • 7.80
                        • Published

                        helper-uigradient

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

                        • v1.0.0
                        • 7.78
                        • Published

                        warna

                        Color utility library in Javascript

                        • v0.2.4
                        • 7.70
                        • Published

                        colorwave

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

                        • v1.0.0
                        • 7.61
                        • Published

                        ng2-kw-duotone-image

                        Angular2 component to apply a duotone SVG filter to an image

                        • v0.0.2
                        • 7.38
                        • 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
                        • 7.29
                        • Published

                        gradient2

                        generate a gradient as an array of Color objects

                        • v1.0.5
                        • 7.29
                        • 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.19
                        • Published

                        gradient-placeholder

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

                        • v1.0.2
                        • 7.19
                        • Published

                        gytis

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

                        • v1.0.0
                        • 7.10
                        • 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
                        • 7.10
                        • Published

                        tailwind-more-colors

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

                          • v1.0.6
                          • 7.02
                          • Published

                          fgtw

                          Converts a Figma gradient string to Tailwind CSS JIT className

                          • v1.2.1
                          • 7.02
                          • Published

                          grprogress

                          a gradient progress for nodejs by go

                          • v1.6.5
                          • 6.67
                          • Published

                          @twallpaper/webgl

                          🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

                          • v2.2.0
                          • 6.58
                          • 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.50
                          • Published

                          rainbow-square

                          Create a dataURL for a square with a rainbow gradient

                          • v1.0.3
                          • 6.41
                          • Published

                          lib42

                          Node.js module

                          • v0.2.2
                          • 6.34
                          • 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.85
                          • Published

                          unocss-preset-chroma-forked

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

                          • v0.0.3
                          • 5.85
                          • 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.77
                          • Published

                          angular-gradient-control

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

                          • v1.0.0
                          • 5.77
                          • Published

                          ml-util

                          Machine Learning Utility Functions

                          • v1.1.1
                          • 5.76
                          • Published

                          rainbowy.js

                          A gradient manager with changable transition functions and multiple colors.

                          • v1.0.1
                          • 5.70
                          • Published

                          jquery.rsbutton

                          Shows intermediate sprites when running a transition between two states

                          • v1.0.2
                          • 5.56
                          • Published

                          gradient-control

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

                          • v0.0.4
                          • 4.88
                          • Published

                          pixer

                          add pixelated canvas gradient between html elements

                          • v0.1.0
                          • 4.88
                          • Published

                          termstyle-pro

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

                          • v1.2.0
                          • 4.81
                          • Published

                          @wceozl/trans-kit

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

                          • v1.0.0
                          • 4.81
                          • 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
                          • 4.80
                          • Published

                          progress-circle-gradient

                          configurable circular progressbar with angular gradient react component

                          • v1.0.2
                          • 4.80
                          • Published

                          @twallpaper/vue

                          🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

                          • v2.1.2
                          • 4.80
                          • Published

                          react-gradient-ui

                          Gradient UI elements for use in React websites.

                          • v1.0.5
                          • 4.75
                          • Published

                          grady

                          Gradient generator for CSS, SVG, and canvas

                          • v0.9.9
                          • 4.75
                          • Published

                          geo-gradient-color

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

                          • v3.0.12
                          • 4.75
                          • Published