JSPM

Found 497 results for gradient mask

tinygradient

Fast and small gradients manipulation, built on top of TinyColor

  • v2.0.1
  • 79.11
  • Published

gradient-string

Beautiful color gradients in terminal output

  • v3.0.0
  • 75.52
  • Published

expo-linear-gradient

Provides a React component that renders a gradient view.

  • v14.1.5
  • 73.03
  • Published

ink-gradient

Gradient color component for Ink

  • v3.0.0
  • 66.11
  • 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.75
  • Published

@visulima/boxen

Util.format-like string formatting utility.

  • v2.0.2
  • 59.59
  • Published

react-native-shadow-2

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

  • v7.1.2
  • 58.50
  • Published

gradient-path

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

  • v2.3.0
  • 57.92
  • Published

chalk-animation

Colorful animations in terminal output

  • v2.0.3
  • 55.96
  • Published

gradstop

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

  • v2.2.3
  • 55.03
  • Published

color-interpolate

Pick color from a given color palette by index

  • v2.0.0
  • 54.71
  • Published

ndarray-gradient

Finds the gradient of an ndarray using finite differences

  • v1.0.1
  • 54.45
  • Published

grapick

Easy configurable gradient picker, with no dependencies

  • v0.1.13
  • 50.89
  • Published

chalkercli

Colorful animations in terminal output

  • v1.6.4
  • 50.11
  • 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.02
  • Published

expo-mesh-gradient

A module that exposes MeshGradient view from SwiftUI to React Native

  • v0.3.4
  • 46.00
  • Published

gradient

A class for generating gradients.

  • v0.2.0
  • 44.03
  • Published

gradient-badge

Badge generator with gradient support

  • v1.3.1
  • 43.34
  • Published

@thi.ng/color

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

  • v5.7.58
  • 42.32
  • Published

granim

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

  • v2.0.0
  • 42.11
  • Published

leaflet-hotline

A Leaflet plugin for drawing colored gradients along a polyline

  • v0.4.0
  • 41.91
  • Published

gradient-color

Gradient color generator that lives in 21st

  • v2.0.1
  • 41.10
  • Published

optimization-js

Mathematical optimization in JavaScript.

  • v1.5.0
  • 40.14
  • Published

react-native-skeleton-content

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

  • v1.0.28
  • 39.98
  • Published

@cantoo/rn-svg

SVG library for react-native

  • v13.1.2
  • 39.34
  • 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
  • 39.10
  • Published

svg-gradient

Generate a SVG gradient markup from CSS

  • v1.0.3
  • 38.57
  • Published

color-util

Color util with color format conversions and gradients

  • v2.2.3
  • 38.04
  • 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.65
  • Published

@firecms/neat

Beautiful 3D gradients for your website

  • v0.4.0
  • 37.13
  • Published

meshgrad

A tiny utility for generating CSS Mesh Gradients

  • v0.0.15
  • 36.68
  • 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.68
  • 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
  • 36.46
  • Published

@thi.ng/hiccup-svg

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

  • v5.5.6
  • 35.61
  • Published

oh-my-logo

Display giant ASCII art logos with colorful gradients in your terminal

    • v0.3.2
    • 35.58
    • Published

    gradualblur

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

    • v2.3.6
    • 35.20
    • Published

    filter-gradient

    Generate filter gradients for the old IE.

    • v1.0.1
    • 35.15
    • Published

    stripe-gradient

    Stripe WebGl Gradient Animation

    • v1.0.1
    • 35.12
    • Published

    rn-content-loader

    A react native content loader without expo

    • v0.0.6
    • 35.00
    • Published

    chromath

    JavaScript color conversion and manipulation functions

    • v0.0.7
    • 34.33
    • Published

    postcss-filter-gradient

    PostCSS plugin for generating the old IE supported filter gradient.

    • v1.0.0
    • 34.27
    • Published

    @visulima/colorize

    Terminal and Console string styling done right.

    • v1.4.23
    • 34.27
    • Published

    viridis

    Color gradients for data visualization

    • v1.2.1
    • 34.03
    • Published

    react-native-animated-glow

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

    • v3.0.0
    • 33.50
    • Published

    react-gradient

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

    • v1.0.2
    • 33.43
    • Published

    web3-avatar

    Generate beautiful Web3 address gradient avatar

    • v1.0.4
    • 33.23
    • Published

    react-progressbar-fancy

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

    • v1.1.4
    • 32.98
    • Published

    catniff

    A small Torch-like deep learning framework for Javascript

    • v0.5.10
    • 32.95
    • Published

    @omnedia/ngx-shine-border

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

    • v3.0.0
    • 32.03
    • Published

    @gboue/use-scroll-fades

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

    • v3.4.0
    • 31.55
    • Published

    ngjs-color-picker

    A color picker with a few extra functions - for AngularJS

    • v1.1.2
    • 30.52
    • Published

    vue-gpickr

    Vue gradient picker

    • v1.0.0
    • 30.49
    • Published

    glsl-gradient-palette

    Module for creating gradient palettes for usage in glsl.

    • v1.0.0
    • 30.34
    • Published

    @thi.ng/hiccup-canvas

    Hiccup shape tree renderer for vanilla Canvas 2D contexts

    • v3.1.73
    • 29.92
    • Published

    @thi.ng/tensors

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

    • v0.9.0
    • 29.90
    • Published

    web3-avatar-vue

    Vue component for generating beautiful Web3 gradient avatars

    • v1.0.4
    • 29.08
    • Published

    gleamy

    Create a reactive shiny element in different materials

    • v2.0.16
    • 28.76
    • Published

    gradient-gl

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

    • v1.4.2
    • 28.54
    • Published

    glitzy-native

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

    • v0.3.2
    • 28.53
    • Published

    react-leaflet-hotline

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

    • v1.6.1
    • 28.51
    • Published

    @noodleseed/marbles

    Beautiful animated marble/bubble gradient components for React

    • v1.5.0
    • 28.40
    • Published

    monochrome-generator

    A simple package to generate monochrome colors for a given color. Use these colors for gradients, charts, or any design element requiring a consistent color scheme.

    • v1.0.6
    • 27.74
    • Published

    create-conical-gradient

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

    • v1.1.0
    • 27.71
    • Published

    @eason718/holographic-react

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

    • v2.0.3
    • 27.61
    • Published

    @figliolia/chalk-animation

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

    • v1.0.4
    • 27.58
    • Published

    tinygradient-es

    Fast and small gradients manipulation, built on top of TinyColor

    • v1.0.0
    • 27.09
    • Published

    ng-gradient-control

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

    • v2.0.0
    • 26.47
    • Published

    react-native-gradient-layout

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

    • v1.0.3
    • 26.34
    • Published

    @omnedia/ngx-border-beam

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

    • v3.0.1
    • 26.18
    • Published

    @chromakit/core

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

      • v0.1.12
      • 26.03
      • Published

      shareshade

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

      • v1.0.3
      • 25.62
      • Published

      multiple.js

      Sharing background over multiple elements

      • v0.0.1
      • 24.60
      • Published

      dyejs

      A lightweight and flexible terminal string styling library for Node.js and TypeScript. Supports colors, gradients (foreground/background), custom themes, and colorized logging.

      • v1.0.2
      • 24.15
      • Published

      react-grainy

      A React component for rendering grainy gradients using WebGL.

      • v0.1.2
      • 23.83
      • Published

      @leon/gradient-morph

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

        • v1.2.3
        • 23.20
        • Published

        @thi.ng/dual-algebra

        Multivariate dual number algebra, automatic differentiation

        • v1.0.20
        • 22.96
        • Published

        @nopain-ui/react

        Hard to code react components made easy.

        • v1.0.5
        • 22.84
        • Published

        hue-map

        Interpolate gradients based on common palettes

        • v1.0.0
        • 22.78
        • Published

        xolor

        Color manipulation library

        • v1.2.0
        • 22.66
        • Published

        lc-color-picker

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

        • v2.0.0
        • 22.46
        • Published

        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.37
        • 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.22
        • 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.87
          • 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.42
          • 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.33
            • 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.50
                  • Published

                  colorgrad-js

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

                  • v0.1.0
                  • 12.50
                  • 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