JSPM

Found 521 results for gradient mask

tinygradient

Fast and small gradients manipulation, built on top of TinyColor

  • v2.0.1
  • 79.92
  • Published

gradient-string

Beautiful color gradients in terminal output

  • v3.0.0
  • 78.41
  • Published

expo-linear-gradient

Provides a React component that renders a gradient view.

  • v15.0.7
  • 75.14
  • Published

ink-gradient

Gradient color component for Ink

  • v3.0.0
  • 71.04
  • Published

flame-gradient

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

  • v1.0.0
  • 61.55
  • Published

@visulima/boxen

Util.format-like string formatting utility.

  • v2.0.3
  • 59.52
  • Published

gradient-path

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

  • v2.3.0
  • 59.48
  • Published

react-native-shadow-2

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

  • v7.1.2
  • 58.91
  • Published

chalk-animation

Colorful animations in terminal output

  • v2.0.3
  • 57.94
  • Published

color-interpolate

Pick color from a given color palette by index

  • v2.0.0
  • 55.59
  • Published

ndarray-gradient

Finds the gradient of an ndarray using finite differences

  • v1.0.1
  • 55.46
  • Published

gradstop

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

  • v2.2.3
  • 51.90
  • Published

grapick

Easy configurable gradient picker, with no dependencies

  • v0.1.13
  • 50.37
  • Published

chalkercli

Colorful animations in terminal output

  • v1.6.4
  • 48.80
  • Published

expo-mesh-gradient

A module that exposes MeshGradient view from SwiftUI to React Native

  • v0.4.7
  • 47.83
  • Published

color-scales

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.

  • v3.0.2
  • 46.01
  • Published

css-fade

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

  • v1.0.9
  • 45.35
  • Published

gradient

A class for generating gradients.

  • v0.2.0
  • 44.94
  • Published

granim

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

  • v2.0.0
  • 44.12
  • Published

gradient-badge

Badge generator with gradient support

  • v1.3.1
  • 43.60
  • Published

leaflet-hotline

A Leaflet plugin for drawing colored gradients along a polyline

  • v0.4.0
  • 42.90
  • Published

react-native-skeleton-content

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

  • v1.0.28
  • 42.19
  • Published

@thi.ng/color

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

  • v5.7.62
  • 42.08
  • Published

gradient-color

Gradient color generator that lives in 21st

  • v2.0.1
  • 40.94
  • Published

optimization-js

Mathematical optimization in JavaScript.

  • v1.5.0
  • 40.58
  • Published

color-util

Color util with color format conversions and gradients

  • v2.2.3
  • 40.03
  • Published

svg-gradient

Generate a SVG gradient markup from CSS

  • v1.0.3
  • 39.87
  • Published

@cantoo/rn-svg

SVG library for react-native

  • v13.1.2
  • 39.23
  • Published

meshgrad

A tiny utility for generating CSS Mesh Gradients

  • v0.0.15
  • 39.20
  • Published

@eason718/holographic-react-components

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

  • v2.0.3
  • 39.16
  • Published

@firecms/neat

Beautiful 3D gradients for your website

  • v0.4.0
  • 38.87
  • Published

@visulima/colorize

Terminal and Console string styling done right.

  • v1.4.23
  • 38.81
  • Published

react-iro-gradient-picker

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

  • v1.4.4
  • 38.70
  • Published

color-gradient-picker-vue3

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

  • v3.1.3
  • 37.85
  • Published

react-native-animated-glow

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

  • v3.0.1
  • 37.46
  • Published

oh-my-logo

Display giant ASCII art logos with colorful gradients in your terminal

    • v0.4.0
    • 37.44
    • Published

    typescript-color-gradient

    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.

    • v4.1.0
    • 37.43
    • Published

    glsl-gradient-palette

    Module for creating gradient palettes for usage in glsl.

    • v1.0.0
    • 37.24
    • Published

    react-progressbar-fancy

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

    • v1.1.4
    • 36.91
    • Published

    @kya-os/cli-effects

    Terminal effects and animations for KYA-OS CLI tools

    • v1.0.19
    • 36.80
    • Published

    svg.colorat.js

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

    • v1.0.0
    • 36.63
    • Published

    @thi.ng/hiccup-svg

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

    • v5.5.10
    • 36.19
    • Published

    web3-avatar

    Generate beautiful Web3 address gradient avatar

    • v1.0.4
    • 35.46
    • Published

    cyclonewind

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

    • v0.2.0
    • 35.30
    • Published

    @simplr-sh/avatar

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

    • v0.0.3
    • 34.77
    • Published

    viridis

    Color gradients for data visualization

    • v1.2.1
    • 34.27
    • Published

    stripe-gradient

    Stripe WebGl Gradient Animation

    • v1.0.1
    • 34.20
    • Published

    filter-gradient

    Generate filter gradients for the old IE.

    • v1.0.1
    • 34.01
    • Published

    chromath

    JavaScript color conversion and manipulation functions

    • v0.0.7
    • 33.96
    • Published

    @omnedia/ngx-shine-border

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

    • v3.0.0
    • 33.86
    • Published

    vue-gpickr

    Vue gradient picker

    • v1.0.0
    • 33.86
    • Published

    text-gradient

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

    • v0.2.0
    • 33.83
    • Published

    postcss-filter-gradient

    PostCSS plugin for generating the old IE supported filter gradient.

    • v1.0.0
    • 33.56
    • Published

    catniff

    A small Torch-like deep learning framework for Javascript

    • v0.7.2
    • 32.70
    • Published

    lumistry-assets

    Gradient UI elements for use in React websites.

    • v1.0.12
    • 32.24
    • Published

    web3-avatar-vue

    Vue component for generating beautiful Web3 gradient avatars

    • v1.0.4
    • 32.06
    • Published

    rn-content-loader

    A react native content loader without expo

    • v0.0.6
    • 32.00
    • Published

    react-gradient

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

    • v1.0.2
    • 31.72
    • Published

    react-native-button-net-check

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

    • v1.1.5
    • 31.68
    • Published

    tinygradient-es

    Fast and small gradients manipulation, built on top of TinyColor

    • v1.0.0
    • 31.65
    • Published

    lumina-button

    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.

      • v1.1.3
      • 31.13
      • Published

      @omnedia/ngx-border-beam

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

      • v3.0.1
      • 30.32
      • Published

      @thi.ng/hiccup-canvas

      Hiccup shape tree renderer for vanilla Canvas 2D contexts

      • v3.1.77
      • 30.25
      • Published

      create-conical-gradient

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

      • v1.1.0
      • 30.08
      • Published

      ngjs-color-picker

      A color picker with a few extra functions - for AngularJS

      • v1.1.2
      • 29.61
      • Published

      gradient2svg

      Convert CSS gradients to a SVG gradients

      • v0.0.4
      • 28.67
      • Published

      glitzy-native

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

      • v0.3.2
      • 28.63
      • Published

      saltcat-easing

      A library for creating smooth gradient transitions with easing functions

        • v0.2.1
        • 28.43
        • Published

        gradient-gl

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

        • v1.5.0
        • 27.69
        • Published

        @thi.ng/tensors

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

        • v0.10.0
        • 27.66
        • Published

        react-leaflet-hotline

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

        • v1.6.1
        • 27.07
        • Published

        lc-color-picker

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

        • v2.0.0
        • 26.75
        • Published

        react-avatar-gradient

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

        • v2.2.6
        • 26.69
        • Published

        twallpaper

        🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

        • v2.1.2
        • 26.59
        • Published

        stylesh

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

        • v2.0.1
        • 26.17
        • Published

        @leon/gradient-morph

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

          • v1.2.3
          • 26.12
          • Published

          @noodleseed/marbles

          Beautiful animated marble/bubble gradient components for React

          • v1.5.0
          • 26.08
          • Published

          node-svg-fill

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

          • v1.0.2
          • 26.05
          • Published

          ng-gradient-control

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

          • v2.0.0
          • 25.24
          • Published

          @thi.ng/dual-algebra

          Multivariate dual number algebra, automatic differentiation

          • v1.0.22
          • 25.09
          • Published

          @omnedia/ngx-vortex

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

          • v3.0.1
          • 24.40
          • Published

          gleamy

          Create a reactive shiny element in different materials

          • v2.0.16
          • 24.39
          • Published

          mindgradient

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

          • v1.0.2
          • 24.36
          • Published

          react-gradient-animation

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

          • v1.0.9
          • 24.04
          • Published

          @omnedia/ngx-halo

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

          • v3.0.1
          • 23.91
          • Published

          ng2-kw-duotone-image

          Angular2 component to apply a duotone SVG filter to an image

          • v0.0.2
          • 23.80
          • Published

          @gboue/use-scroll-fades

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

          • v3.4.0
          • 23.59
          • Published

          @twallpaper/react

          🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

          • v2.1.2
          • 23.59
          • Published

          @trishchuk/coolors-mcp

          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.

          • v1.0.1
          • 23.46
          • Published

          vue2-color-picker-gradient

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

          • v1.0.0
          • 23.37
          • Published

          gradflow

          Beautiful animated WebGL gradients for React

          • v0.1.0
          • 23.30
          • Published

          react-three-texture

          Live texture editing tool for ThreeJS and React Three Fiber

          • v1.1.18
          • 23.25
          • Published

          react-blurry-gradient

          A React component that creates blurry gradient effect.

          • v1.0.1
          • 22.99
          • Published

          @nimbus-ds/scroll-pane

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

          • v1.0.1
          • 22.86
          • Published

          xolor

          Color manipulation library

          • v1.2.0
          • 22.81
          • Published

          gradient-descent

          Module to iterate over a numerically function to Gradient Descent direction

          • v1.0.4
          • 22.71
          • Published

          paint-bucket

          Highly performant, extensible, and tiny color manipulation library.

          • v2.2.1
          • 22.52
          • Published

          multiple.js

          Sharing background over multiple elements

          • v0.0.1
          • 22.37
          • Published

          gradient-boxen

          A combo of gradient-string + boxen

          • v1.1.0
          • 22.31
          • Published

          vue-avatar-gradient

          Generate beautiful gradient avatars for your Vue application.

          • v1.0.9
          • 22.03
          • 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.89
          • 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
            • 21.79
            • Published

            react-pdf-builder

            Build beautiful PDF documents in React.

            • v2.0.11
            • 21.73
            • Published

            colormotion

            Dynamic color wheel for LEDs

            • v3.3.0
            • 21.52
            • Published

            isomorphic-lolcat

            Lolcat gradient that can be used in browser or Node

            • v0.3.1
            • 21.09
            • 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
            • 20.49
            • Published

            @privjs/gradients

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

            • v1.0.11
            • 20.34
            • Published

            github-badge-action

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

            • v2.0.0
            • 20.30
            • Published

            gradient-to-object

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

            • v0.0.2
            • 20.09
            • Published

            @symviosis/design-system

            Symbiotic Ecosystem Dark Gradient Design System - A modern React component library with dark theme and gradient aesthetics

            • v1.0.0
            • 19.98
            • Published

            hue-map

            Interpolate gradients based on common palettes

            • v1.0.0
            • 19.89
            • Published

            mesh-gradient

            Use WebGL radial gradients to create Mesh Gradient effects.

              • v1.1.0
              • 19.83
              • Published

              gradualblur

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

              • v2.3.6
              • 19.69
              • Published

              @flowscape-ui/design-system-kit

              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.

              • v1.3.1
              • 19.69
              • Published

              lib42

              Node.js module

              • v0.2.2
              • 19.66
              • Published

              @figliolia/chalk-animation

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

              • v1.0.4
              • 19.54
              • 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
              • 19.34
              • Published

              lumistry-my-assets

              Gradient UI elements for use in React websites.

              • v1.0.0
              • 19.24
              • Published

              p5.fillgradient

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

              • v0.1.2
              • 19.14
              • Published

              react-gradient-generator

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

              • v1.0.6
              • 19.00
              • Published

              particle-with-eight-directions

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

                • v0.0.1
                • 18.92
                • 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.68
                • Published

                nano-color

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

                • v1.0.9
                • 18.52
                • Published

                react-pricing

                React Component for Pricing

                • v0.1.5
                • 17.93
                • Published

                gradientify

                Create amazing, animated gradients with ease.

                • v1.1.5
                • 17.87
                • Published

                rn-gradients

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

                • v0.0.2
                • 17.81
                • Published

                gradient-generator-ui

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

                • v1.0.5
                • 17.46
                • Published

                react-native-gradient-layout

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

                • v1.0.3
                • 17.30
                • 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.29
                • 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
                  • 17.11
                  • Published

                  vue3-color-picker-gradient

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

                  • v0.7.0
                  • 16.94
                  • Published

                  expo-gradient-text

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

                  • v1.0.8
                  • 16.73
                  • Published

                  color-engine

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

                    • v2.0.2-flooooood
                    • 16.53
                    • 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
                    • 16.51
                    • Published

                    clcn

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

                    • v3.0.3
                    • 16.42
                    • Published

                    rgt

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

                    • v1.0.7
                    • 16.20
                    • Published

                    @chromakit/core

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

                      • v0.1.12
                      • 16.10
                      • Published

                      cranium

                      Streaming SVM trainer that uses stochastic gradient descent

                      • v1.3.3
                      • 16.03
                      • Published

                      @twallpaper/vue

                      🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

                      • v2.1.2
                      • 15.87
                      • Published

                      @addincendekia/template-gradfull

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

                      • v2.1.1
                      • 15.67
                      • Published

                      gradient.js

                      Create colorful gradient arrays in a single line of code.

                      • v1.0.8
                      • 15.55
                      • Published

                      border-gradient-radius

                      A React component for creating gradient borders with border radius

                      • v1.2.5
                      • 15.51
                      • 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
                      • 15.41
                      • Published

                      coolhue

                      Coolest handpicked Gradient Hues for your next super amazing stuff

                      • v1.0.9
                      • 15.33
                      • Published

                      pixel-draw

                      draw stuff directly onto a pixel buffer similar to a canvas

                      • v0.0.1273
                      • 15.24
                      • Published

                      uigradients.gradients

                      Community contributed collection of beautiful multi-color gradients.

                      • v2.0.2-2
                      • 15.10
                      • Published

                      cli-gradient

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

                      • v1.0.0
                      • 14.98
                      • Published

                      ms-react-gradient

                      component library that converts any text to the desired gradient colors

                      • v1.2.9
                      • 14.97
                      • Published

                      warna

                      Color utility library in Javascript

                      • v0.2.4
                      • 14.64
                      • Published

                      react-surfaces

                      A collection of animated background gradients

                      • v1.1.2
                      • 14.52
                      • Published

                      colorgrad-js

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

                      • v0.1.0
                      • 14.32
                      • 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
                      • 14.32
                      • 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.23
                      • Published