JSPM

Found 498 results for gradient

web3-avatar

Generate beautiful Web3 address gradient avatar

  • v1.0.4
  • 33.90
  • Published

viridis

Color gradients for data visualization

  • v1.2.1
  • 33.70
  • Published

catniff

A small Torch-like deep learning framework for Javascript

  • v0.5.11
  • 33.65
  • Published

react-gradient

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

  • v1.0.2
  • 33.34
  • Published

react-progressbar-fancy

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

  • v1.1.4
  • 33.21
  • Published

react-native-animated-glow

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

  • v3.0.0
  • 33.18
  • Published

@omnedia/ngx-shine-border

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

  • v3.0.0
  • 32.67
  • 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.43
  • Published

glsl-gradient-palette

Module for creating gradient palettes for usage in glsl.

  • v1.0.0
  • 30.85
  • Published

vue-gpickr

Vue gradient picker

  • v1.0.0
  • 30.50
  • Published

ngjs-color-picker

A color picker with a few extra functions - for AngularJS

  • v1.1.2
  • 30.50
  • Published

@thi.ng/tensors

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

  • v0.10.0
  • 29.14
  • Published

web3-avatar-vue

Vue component for generating beautiful Web3 gradient avatars

  • v1.0.4
  • 29.00
  • Published

@noodleseed/marbles

Beautiful animated marble/bubble gradient components for React

  • v1.5.0
  • 28.98
  • Published

tinygradient-es

Fast and small gradients manipulation, built on top of TinyColor

  • v1.0.0
  • 28.74
  • Published

gleamy

Create a reactive shiny element in different materials

  • v2.0.16
  • 28.74
  • Published

glitzy-native

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

  • v0.3.2
  • 28.46
  • Published

gradient-gl

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

  • v1.4.2
  • 28.34
  • Published

create-conical-gradient

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

  • v1.1.0
  • 28.27
  • 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.24
  • Published

@thi.ng/hiccup-canvas

Hiccup shape tree renderer for vanilla Canvas 2D contexts

  • v3.1.74
  • 27.89
  • 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.67
  • Published

@figliolia/chalk-animation

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

  • v1.0.4
  • 27.56
  • Published

@chromakit/core

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

    • v0.1.12
    • 26.47
    • Published

    ng-gradient-control

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

    • v2.0.0
    • 26.40
    • 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.28
    • Published

    shareshade

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

    • v1.0.3
    • 26.05
    • Published

    @omnedia/ngx-border-beam

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

    • v3.0.1
    • 26.00
    • 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.91
    • Published

    react-grainy

    A React component for rendering grainy gradients using WebGL.

    • v0.1.2
    • 24.52
    • Published

    multiple.js

    Sharing background over multiple elements

    • v0.0.1
    • 24.22
    • Published

    @cantoo/rn-svg

    SVG library for react-native

    • v13.1.2
    • 24.16
    • Published

    @thi.ng/dual-algebra

    Multivariate dual number algebra, automatic differentiation

    • v1.0.21
    • 23.54
    • Published

    @nopain-ui/react

    Hard to code react components made easy.

    • v1.0.5
    • 23.29
    • Published

    @leon/gradient-morph

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

      • v1.2.3
      • 23.04
      • Published

      hue-map

      Interpolate gradients based on common palettes

      • v1.0.0
      • 22.78
      • Published

      xolor

      Color manipulation library

      • v1.2.0
      • 22.67
      • Published

      lc-color-picker

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

      • v2.0.0
      • 22.40
      • Published

      twallpaper

      🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

      • v2.1.2
      • 22.21
      • Published

      rgt

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

      • v1.0.7
      • 22.18
      • Published

      react-gradient-animation

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

      • v1.0.9
      • 22.04
      • Published

      vue-gradient-buttons

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

      • v1.0.1
      • 21.99
      • 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.82
      • Published

      @omnedia/ngx-vortex

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

      • v3.0.1
      • 21.80
      • Published

      vue2-color-picker-gradient

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

      • v1.0.0
      • 21.39
      • Published

      react-three-texture

      Live texture editing tool for ThreeJS and React Three Fiber

      • v1.1.18
      • 21.27
      • Published

      gradient2svg

      Convert CSS gradients to a SVG gradients

      • v0.0.4
      • 21.24
      • Published

      @omnedia/ngx-halo

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

      • v3.0.1
      • 21.17
      • Published

      react-native-gradient-wrapper

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

      • v1.0.42
      • 20.81
      • Published

      @twallpaper/react

      🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

      • v2.1.2
      • 20.39
      • Published

      paywall-js

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

        • v1.1.0
        • 20.21
        • Published

        gradient-boxen

        A combo of gradient-string + boxen

        • v1.1.0
        • 20.07
        • 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
        • 19.89
        • 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
        • 19.53
        • Published

        gradient-descent

        Module to iterate over a numerically function to Gradient Descent direction

        • v1.0.4
        • 19.45
        • Published

        qrcode-kr

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

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

        forge.color

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

        • v1.0.1
        • 18.90
        • Published

        vue-gradient

        Animated CSS Gradients

        • v0.0.1
        • 18.85
        • Published

        coolhue

        Coolest handpicked Gradient Hues for your next super amazing stuff

        • v1.0.9
        • 18.61
        • Published

        gradient-svg-animations

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

        • v1.0.0
        • 18.18
        • Published

        @nimbus-ds/scroll-pane

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

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

        @privjs/gradients

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

        • v1.0.11
        • 17.83
        • 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.82
        • Published

        web3-avatars-soft

        Generate beautiful gradient avatars from Ethereum addresses

          • v1.0.0
          • 17.67
          • Published

          paint-bucket

          Highly performant, extensible, and tiny color manipulation library.

          • v2.2.1
          • 17.50
          • Published

          rn-gradients

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

          • v0.0.2
          • 17.49
          • 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.26
          • Published

          github-badge-action

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

          • v2.0.0
          • 17.17
          • Published

          mesh-gradient

          Use WebGL radial gradients to create Mesh Gradient effects.

            • v1.0.1
            • 17.16
            • Published

            react-pricing

            React Component for Pricing

            • v0.1.5
            • 16.81
            • Published

            react-gradient-generator

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

            • v1.0.6
            • 16.46
            • 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.34
              • Published

              react-avatar-gradient

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

              • v2.2.6
              • 16.24
              • 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.13
              • Published

              vue3-color-picker-gradient

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

              • v0.7.0
              • 16.11
              • Published

              expo-gradient-text

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

              • v1.0.8
              • 15.45
              • Published

              aurora-gradient

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

              • v0.0.11
              • 15.14
              • Published

              react-native-border

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

              • v0.1.5
              • 15.00
              • Published

              color-engine

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

                • v2.0.2-flooooood
                • 14.73
                • Published

                readable-dark-light-colours

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

                • v0.2.0
                • 14.42
                • Published

                react-native-image-shadow

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

                • v0.1.4
                • 14.38
                • Published

                react-pdf-builder

                Build beautiful PDF documents in React.

                • v2.0.11
                • 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.27
                • Published

                colour-me-life

                NodeJS colour gradient helper

                • v2.0.0
                • 14.14
                • Published

                nano-color

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

                • v1.0.9
                • 14.11
                • Published

                cranium

                Streaming SVM trainer that uses stochastic gradient descent

                • v1.3.3
                • 13.87
                • Published

                claude-code-logogen

                Generate gradient CLAUDE CODE logos in your terminal

                  • v1.0.0
                  • 13.39
                  • Published

                  gradient-generator-ui

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

                  • v1.0.5
                  • 13.39
                  • Published

                  react-svg-gradient

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

                  • v1.0.2
                  • 13.37
                  • Published

                  gradient-to-object

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

                  • v0.0.2
                  • 13.26
                  • Published

                  gradient-palette

                  A simple gradient palette generator in RGB scale.

                  • v1.1.1
                  • 13.04
                  • Published

                  clcn

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

                  • v3.0.3
                  • 13.00
                  • Published

                  gradient-transition

                  A JavaScript library to smoothly animate background-image gradients.

                  • v0.0.7
                  • 12.82
                  • Published

                  colormotion

                  Dynamic color wheel for LEDs

                  • v3.3.0
                  • 12.73
                  • Published

                  react-gradient-hover

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

                  • v2.1.3
                  • 12.57
                  • 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

                  border-gradient-radius

                  A React component for creating gradient borders with border radius

                  • v1.2.5
                  • 12.10
                  • Published

                  @addincendekia/template-gradfull

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

                  • v2.1.1
                  • 11.92
                  • Published

                  lib42

                  Node.js module

                  • v0.2.2
                  • 11.85
                  • Published

                  naa-rn-svg

                  SVG library for react-native with AA toggle

                  • v14.1.19
                  • 11.53
                  • Published

                  isomorphic-lolcat

                  Lolcat gradient that can be used in browser or Node

                  • v0.3.1
                  • 11.26
                  • 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.91
                  • Published

                  @momo-kits/svg

                  SVG library for react-native

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

                  cli-gradient

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

                  • v1.0.0
                  • 10.70
                  • Published

                  react-gradient-avatar

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

                  • v0.1.1
                  • 10.66
                  • Published

                  gradientify

                  Create amazing, animated gradients with ease.

                  • v1.1.5
                  • 10.57
                  • Published

                  tailwind-gradients

                  Tailwind preset to add conic and radial gradients to tailwindcss

                    • v1.0.1
                    • 10.32
                    • Published

                    sumi-color

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

                    • v1.0.6
                    • 10.21
                    • Published

                    regenbogen

                    functional approach to color gradients

                      • v1.0.3
                      • 10.01
                      • Published

                      react-native-apply-shadow

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

                      • v1.0.2
                      • 9.91
                      • Published

                      ms-react-gradient

                      component library that converts any text to the desired gradient colors

                      • v1.2.9
                      • 9.91
                      • Published

                      generate-random-gradient

                      Generate beautiful linear gradients with randomly generated hex color values

                      • v1.0.2
                      • 9.48
                      • Published

                      layerganza

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

                      • v2.4.1
                      • 9.48
                      • Published

                      postcss-pie

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

                      • v3.0.1
                      • 9.48
                      • Published

                      vue-avatar-gradient

                      Generate beautiful gradient avatars for your Vue application.

                      • v1.0.9
                      • 9.48
                      • Published

                      birthday-wish

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

                        • v1.0.1
                        • 9.48
                        • Published

                        react-gradient-view

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

                          • v0.0.3
                          • 9.41
                          • Published

                          pixel-draw

                          draw stuff directly onto a pixel buffer similar to a canvas

                          • v0.0.1273
                          • 9.18
                          • Published

                          momentum-search

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

                          • v1.1.0
                          • 9.11
                          • Published

                          vue2-leaflet-hotline

                          Create coloured gradients along polylines using Vue and Leaflet.

                          • v1.0.1
                          • 9.02
                          • Published

                          react-gradient-ui

                          Gradient UI elements for use in React websites.

                          • v1.0.5
                          • 9.02
                          • Published

                          noise-gradient-bg

                          Beautiful, customizable noise gradient backgrounds for React applications

                          • v1.0.4
                          • 8.95
                          • Published

                          termcolorized

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

                          • v1.0.0
                          • 8.95
                          • Published

                          gradient-ring-progress

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

                          • v1.0.3
                          • 8.77
                          • 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.74
                          • 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.74
                          • Published

                          stargrad

                          A JavaScript library for automatic gradient calculation, inspired by PyTorch

                          • v1.1.1
                          • 8.73
                          • Published

                          gradient-text

                          Easily gradientify your text

                          • v0.0.2
                          • 8.52
                          • Published

                          gradient-flag

                          Beautiful color gradients in terminal output

                          • v2.1.9
                          • 8.51
                          • 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.45
                            • Published

                            jqm-gradient-chooser

                            A collapsible widget to specify a gradient for jQuery Mobile

                            • v1.1.0
                            • 8.24
                            • Published

                            rn_view_gradient

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

                            • v1.0.0
                            • 8.04
                            • Published

                            colorfuls

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

                            • v1.0.2
                            • 7.96
                            • 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
                            • 7.95
                            • Published

                            react-surfaces

                            A collection of animated background gradients

                            • v1.1.2
                            • 7.95
                            • Published

                            react-fdt-gradient

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

                              • v1.0.0
                              • 7.95
                              • Published

                              backgroundor

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

                              • v0.1.1
                              • 7.90
                              • Published