JSPM

Found 498 results for gradient

ngjs-color-picker

A color picker with a few extra functions - for AngularJS

  • v1.1.2
  • 30.55
  • Published

glsl-gradient-palette

Module for creating gradient palettes for usage in glsl.

  • v1.0.0
  • 30.54
  • Published

@thi.ng/hiccup-canvas

Hiccup shape tree renderer for vanilla Canvas 2D contexts

  • v3.1.73
  • 30.17
  • Published

web3-avatar-vue

Vue component for generating beautiful Web3 gradient avatars

  • v1.0.4
  • 29.18
  • Published

gleamy

Create a reactive shiny element in different materials

  • v2.0.16
  • 28.79
  • 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.70
  • Published

glitzy-native

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

  • v0.3.2
  • 28.63
  • Published

@noodleseed/marbles

Beautiful animated marble/bubble gradient components for React

  • v1.5.0
  • 28.38
  • Published

gradient-gl

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

  • v1.4.2
  • 28.03
  • 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.97
  • Published

create-conical-gradient

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

  • v1.1.0
  • 27.68
  • Published

@figliolia/chalk-animation

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

  • v1.0.4
  • 27.61
  • Published

tinygradient-es

Fast and small gradients manipulation, built on top of TinyColor

  • v1.0.0
  • 27.24
  • Published

ng-gradient-control

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

  • v2.0.0
  • 26.56
  • 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.43
  • Published

@omnedia/ngx-border-beam

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

  • v3.0.1
  • 26.14
  • Published

shareshade

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

  • v1.0.3
  • 25.79
  • Published

multiple.js

Sharing background over multiple elements

  • v0.0.1
  • 24.57
  • Published

@cantoo/rn-svg

SVG library for react-native

  • v13.1.2
  • 24.33
  • 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.12
  • Published

react-grainy

A React component for rendering grainy gradients using WebGL.

  • v0.1.2
  • 23.99
  • Published

@leon/gradient-morph

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

    • v1.2.3
    • 23.17
    • Published

    @thi.ng/dual-algebra

    Multivariate dual number algebra, automatic differentiation

    • v1.0.20
    • 23.12
    • Published

    hue-map

    Interpolate gradients based on common palettes

    • v1.0.0
    • 22.94
    • Published

    xolor

    Color manipulation library

    • v1.2.0
    • 22.81
    • Published

    @nopain-ui/react

    Hard to code react components made easy.

    • v1.0.5
    • 22.73
    • Published

    lc-color-picker

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

    • v2.0.0
    • 22.54
    • Published

    claude-code-logogen

    Generate gradient CLAUDE CODE logos in your terminal

      • v1.0.0
      • 22.45
      • Published

      twallpaper

      🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

      • v2.1.2
      • 22.37
      • Published

      rgt

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

      • v1.0.7
      • 22.31
      • Published

      vue-gradient-buttons

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

      • v1.0.1
      • 22.24
      • 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.96
      • Published

      react-gradient-animation

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

      • v1.0.9
      • 21.82
      • Published

      vue2-color-picker-gradient

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

      • v1.0.0
      • 21.78
      • Published

      gradient2svg

      Convert CSS gradients to a SVG gradients

      • v0.0.4
      • 21.53
      • Published

      @omnedia/ngx-vortex

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

      • v3.0.1
      • 21.50
      • Published

      react-three-texture

      Live texture editing tool for ThreeJS and React Three Fiber

      • v1.1.18
      • 21.31
      • Published

      @omnedia/ngx-halo

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

      • v3.0.1
      • 21.30
      • 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
      • 20.86
      • Published

      @twallpaper/react

      🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

      • v2.1.2
      • 20.76
      • Published

      gradient-boxen

      A combo of gradient-string + boxen

      • v1.1.0
      • 20.18
      • Published

      paywall-js

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

        • v1.1.0
        • 19.67
        • 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.98
        • Published

        qrcode-kr

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

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

        gradient-descent

        Module to iterate over a numerically function to Gradient Descent direction

        • v1.0.4
        • 18.74
        • Published

        vue-gradient

        Animated CSS Gradients

        • v0.0.1
        • 18.60
        • Published

        forge.color

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

        • v1.0.1
        • 18.50
        • Published

        @nimbus-ds/scroll-pane

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

        • v1.0.0
        • 18.11
        • Published

        gradient-svg-animations

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

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

        rn-gradients

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

        • v0.0.2
        • 17.52
        • Published

        github-badge-action

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

        • v2.0.0
        • 17.48
        • Published

        coolhue

        Coolest handpicked Gradient Hues for your next super amazing stuff

        • v1.0.9
        • 17.38
        • Published

        @privjs/gradients

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

        • v1.0.11
        • 17.24
        • Published

        web3-avatars-soft

        Generate beautiful gradient avatars from Ethereum addresses

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

          react-pricing

          React Component for Pricing

          • v0.1.5
          • 16.90
          • Published

          react-gradient-generator

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

          • v1.0.6
          • 16.49
          • 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.44
            • 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.29
            • Published

            paint-bucket

            Highly performant, extensible, and tiny color manipulation library.

            • v2.2.1
            • 16.17
            • Published

            vue3-color-picker-gradient

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

            • v0.7.0
            • 16.13
            • Published

            react-avatar-gradient

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

            • v2.2.6
            • 15.90
            • Published

            aurora-gradient

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

            • v0.0.11
            • 15.22
            • Published

            expo-gradient-text

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

            • v1.0.8
            • 15.12
            • 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.11
            • Published

            react-native-border

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

            • v0.1.5
            • 14.69
            • Published

            react-pdf-builder

            Build beautiful PDF documents in React.

            • v2.0.11
            • 14.40
            • Published

            readable-dark-light-colours

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

            • v0.2.0
            • 14.28
            • Published

            colour-me-life

            NodeJS colour gradient helper

            • v2.0.0
            • 14.22
            • 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.12
            • Published

            cranium

            Streaming SVM trainer that uses stochastic gradient descent

            • v1.3.3
            • 13.97
            • Published

            gradient-to-object

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

            • v0.0.2
            • 13.28
            • Published

            color-engine

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

              • v2.0.2-flooooood
              • 13.26
              • Published

              nano-color

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

              • v1.0.9
              • 13.10
              • Published

              react-svg-gradient

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

              • v1.0.2
              • 13.09
              • Published

              gradient-palette

              A simple gradient palette generator in RGB scale.

              • v1.1.1
              • 13.07
              • Published

              clcn

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

              • v3.0.3
              • 12.87
              • Published

              gradient-transition

              A JavaScript library to smoothly animate background-image gradients.

              • v0.0.7
              • 12.84
              • Published

              node-svg-fill

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

              • v1.0.2
              • 12.60
              • Published

              colorgrad-js

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

              • v0.1.0
              • 12.60
              • Published

              react-gradient-hover

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

              • v2.1.3
              • 12.40
              • Published

              border-gradient-radius

              A React component for creating gradient borders with border radius

              • v1.2.5
              • 11.98
              • Published

              @addincendekia/template-gradfull

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

              • v2.1.1
              • 11.67
              • Published

              colormotion

              Dynamic color wheel for LEDs

              • v3.3.0
              • 11.61
              • Published

              naa-rn-svg

              SVG library for react-native with AA toggle

              • v14.1.19
              • 11.61
              • Published

              gradient-generator-ui

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

              • v1.0.5
              • 11.47
              • Published

              isomorphic-lolcat

              Lolcat gradient that can be used in browser or Node

              • v0.3.1
              • 11.46
              • Published

              ms-react-gradient

              component library that converts any text to the desired gradient colors

              • v1.2.9
              • 11.09
              • 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
              • 11.04
              • Published

              p5.fillgradient

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

              • v0.1.2
              • 10.98
              • Published

              regenbogen

              functional approach to color gradients

                • v1.0.3
                • 10.96
                • Published

                react-gradient-avatar

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

                • v0.1.1
                • 10.71
                • Published

                gradientify

                Create amazing, animated gradients with ease.

                • v1.1.5
                • 10.64
                • Published

                cli-gradient

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

                • v1.0.0
                • 10.59
                • Published

                tailwind-gradients

                Tailwind preset to add conic and radial gradients to tailwindcss

                  • v1.0.1
                  • 10.39
                  • Published

                  sumi-color

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

                  • v1.0.6
                  • 10.27
                  • 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.91
                  • Published

                  react-native-apply-shadow

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

                  • v1.0.2
                  • 9.70
                  • Published

                  stargrad

                  A JavaScript library for automatic gradient calculation, inspired by PyTorch

                  • v1.1.1
                  • 9.65
                  • Published

                  layerganza

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

                  • v2.4.1
                  • 9.53
                  • Published

                  postcss-pie

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

                  • v3.0.1
                  • 9.53
                  • Published

                  vue-avatar-gradient

                  Generate beautiful gradient avatars for your Vue application.

                  • v1.0.9
                  • 9.53
                  • Published

                  react-gradient-view

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

                    • v0.0.3
                    • 9.42
                    • Published

                    generate-random-gradient

                    Generate beautiful linear gradients with randomly generated hex color values

                    • v1.0.2
                    • 9.29
                    • Published

                    pixel-draw

                    draw stuff directly onto a pixel buffer similar to a canvas

                    • v0.0.1273
                    • 9.24
                    • Published

                    termcolorized

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

                    • v1.0.0
                    • 9.00
                    • 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.89
                    • 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
                    • 8.89
                    • Published

                    vue2-leaflet-hotline

                    Create coloured gradients along polylines using Vue and Leaflet.

                    • v1.0.1
                    • 8.84
                    • Published

                    birthday-wish

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

                      • v1.0.1
                      • 8.56
                      • Published

                      gradient-flag

                      Beautiful color gradients in terminal output

                      • v2.1.9
                      • 8.56
                      • 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.50
                        • Published

                        gradient-text

                        Easily gradientify your text

                        • v0.0.2
                        • 8.34
                        • Published

                        jqm-gradient-chooser

                        A collapsible widget to specify a gradient for jQuery Mobile

                        • v1.1.0
                        • 8.30
                        • 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.00
                        • Published

                        react-surfaces

                        A collection of animated background gradients

                        • v1.1.2
                        • 8.00
                        • Published

                        react-fdt-gradient

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

                          • v1.0.0
                          • 8.00
                          • Published

                          gradient.js

                          Create colorful gradient arrays in a single line of code.

                          • v1.0.8
                          • 7.94
                          • Published

                          gradiate

                          JS tool for retrieving step gradients from arrays of colour values

                          • v0.1.8
                          • 7.94
                          • 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.93
                          • Published

                          backgroundor

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

                          • v0.1.1
                          • 7.91
                          • Published

                          helper-uigradient

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

                          • v1.0.0
                          • 7.85
                          • Published

                          colorfuls

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

                          • v1.0.2
                          • 7.80
                          • Published

                          warna

                          Color utility library in Javascript

                          • v0.2.4
                          • 7.76
                          • Published

                          ng2-kw-duotone-image

                          Angular2 component to apply a duotone SVG filter to an image

                          • v0.0.2
                          • 7.37
                          • 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.32
                          • Published

                          gradient2

                          generate a gradient as an array of Color objects

                          • v1.0.5
                          • 7.32
                          • 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.15
                          • 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.15
                          • Published

                          colorwave

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

                          • v1.0.0
                          • 7.06
                          • Published

                          tailwind-more-colors

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

                            • v1.0.6
                            • 7.06
                            • Published

                            fgtw

                            Converts a Figma gradient string to Tailwind CSS JIT className

                            • v1.2.1
                            • 7.06
                            • Published

                            grprogress

                            a gradient progress for nodejs by go

                            • v1.6.5
                            • 6.66
                            • Published

                            @twallpaper/webgl

                            🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

                            • v2.2.0
                            • 6.59
                            • Published