JSPM

Found 175 results for Animation

react-ticker

React Ticker is a lightweight, performant React component, that moves text, images and videos infinitely like a newsticker.

  • v1.3.2
  • 60.39
  • Published

svg-gauge

Minimal SVG animated gauge with zero dependencies

  • v1.0.7
  • 59.10
  • Published

motion-ux

UI Animation Library

  • v8.0.1
  • 48.72
  • Published

i2djs

Integrated-2d, framework for 2D graphics rendering for SVG/Canvas/WebGl context

  • v5.4.0
  • 35.83
  • Published

@i2d/pdf-frame-vue

PDF-Frame-vue is a vue 3 component for rendering PDF/Canvas graphics on web, using its declarative HTML syntax and semantics to outline graphical content. It leverages the I2Djs and PDFKit framework for graphics and pdf features.

  • v2.4.0
  • 34.86
  • Published

@i2d/nuxt-pdf-frame

nuxt-pdf-frame is a nuxt module for rendering PDF and Canvas graphics on web, using its declarative HTML syntax and semantics to outline graphical content. It leverages the I2Djs and PDFKit framework for graphics and pdf features.

  • v0.6.1
  • 34.61
  • Published

@pryme8/scrolls.js

Universal DOM Scrolling Animation Callback Engine

  • v1.2.8
  • 34.48
  • Published

animateme

Animate DOM elements when they enter the viewport

  • v2.4.2
  • 32.27
  • Published

@dpaladin/svg-gauge

Minimal SVG animated gauge with zero dependencies

  • v1.0.7
  • 31.45
  • Published

@dungeon2/svg-gauge

Minimal SVG animated gauge with zero dependencies

  • v1.0.9
  • 30.75
  • Published

tween24

Tween24.js is animation library that enables fast coding using method chains.

  • v1.5.0
  • 30.46
  • Published

rolex_ui

Reusable Animated & React component library.

    • v1.1.7
    • 30.38
    • Published

    infobae-react-ticker

    React Ticker is a lightweight, performant React component, that moves text, images and videos infinitely like a newsticker.

    • v1.3.2
    • 29.45
    • Published

    use-after-paint-effect

    React hook that runs an effect only after at least one paint has occurred. (DOM element is mounted and the first render is complete) Great for starting CSS transitions after first render.

    • v0.0.3
    • 28.58
    • Published

    react-custom-pointer

    A library that can create custom design that follows around your mouse cursor on the screen.

    • v1.0.5
    • 28.29
    • Published

    the-oa

    observable-base animation

    • v0.2.0
    • 28.22
    • Published

    cbmp

    CLI for converting cursor svg files to png.

    • v1.1.1
    • 28.17
    • 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
    • 28.00
    • Published

    rn-sliding-button

    SlidingButton component for react-native, same api on both android and ios.

    • v1.1.5
    • 26.39
    • Published

    sprite-reader

    Little TexturePacker animation engine. It allows you to play in a canvas your TexturePacker JSON export (array typed).

    • v0.1.6
    • 26.27
    • Published

    react-sled

    react-sled is a carousel made with react-spring.

    • v2.0.4
    • 23.94
    • Published

    simscript

    A Discrete Event Simulation Library in TypeScript

    • v1.0.37
    • 22.04
    • Published

    scrollme

    Animate css properties on scroll.

    • v0.1.1
    • 21.74
    • Published

    svg-morpher

    Module used for morphing SVG into another SVG, specifically to SVG with different amount of Path tags. It does so with the help of Flubber and just.animate libraries.

    • v1.0.7
    • 21.24
    • Published

    moved

    Miniature motion solutions

    • v1.4.3
    • 20.11
    • Published

    rafx

    RequestAnimationFrame (rAF) Based Promise-Like Implementation

    • v0.0.20
    • 19.78
    • Published

    react-declare-animate

    A declarative React component for performing simple animations

    • v2.0.9
    • 19.40
    • Published

    ticktock-js

    TickTock is a JavaScript library used to animate mechanical watches and clocks.

      • v3.1.9
      • 19.15
      • Published

      @wizdm/animate

      On Scroll Animation for Angular

      • v3.1.0
      • 18.68
      • Published

      @futuravision/futura.js

      A small JavaScript library for common tasks such as Carousel, Exception, Animation handler and more...

      • v2.2.1
      • 18.22
      • Published

      @byloth/vue-scroll-animator

      A simple but fast & powerful library to animate HTML elements while scrolling pages.

      • v2.2.0
      • 17.62
      • Published

      angular-icon-morphing

      Angular library to animate icons with smooth morphing animation

      • v1.0.3
      • 17.57
      • Published

      ngx-sbz-type-delete

      This is directive for creating infinite type and delete effect

      • v2.0.3
      • 17.39
      • Published

      animation-list

      Animation rendering based on Vue3 list elements (supports animation callbacks)

      • v3.0.3
      • 16.75
      • Published

      react-animista

      More than 200 free CSS animations from Animista website!

      • v1.0.2
      • 16.29
      • Published

      css-waves

      A React npm package for waves animation.

      • v0.2.1
      • 16.19
      • Published

      renature

      A physics-based animation library for React inspired by the natural world.

      • v0.11.1
      • 15.58
      • Published

      tangela

      <div align="center">

      • v0.3.2
      • 14.84
      • Published

      axe-light

      A Lightweight javascript library extensively for creating animations

      • v1.0.1
      • 14.62
      • Published

      react-moveable-ticker

      A lightweight, fast and speed-adjustable Ticker-Component fro React.

      • v0.1.3
      • 14.57
      • Published

      react-glitchify

      Glitchify any text you want using this react component. The animation is very catchy.

      • v2.4.19
      • 14.43
      • Published

      @devclusters/fluency

      Fluency is a simple and effective library for incorporating smooth and professional transition effects into your React components.

        • v1.1.5
        • 14.43
        • Published

        image-reader

        Allow you to control and switch an image source to play as a MovieClip.

        • v0.2.5
        • 14.29
        • Published

        react-on-scroll-animation

        ROSA - React on scroll animation based on AOS css files and Intersection Observer api with polyfills

        • v1.0.0
        • 14.08
        • Published

        rizzm

        A library to animate elements on scroll using WAAPI and Intersection Observer API.

        • v1.0.2
        • 13.77
        • Published

        onscroll-custom-animator

        A lightweight React package for triggering animations or actions dynamically when elements come into view during scrolling.

        • v1.0.3
        • 13.13
        • Published

        @drozdik.m/animation

        Object for handling computed animations using lerp functions.

        • v1.0.0
        • 12.91
        • Published

        crosscover

        Carousel of a simple background image using jquery and animate.css.

        • v1.1.0
        • 12.81
        • Published

        ngx-flip-card

        Angular component to animate a double-sided card.

        • v1.0.0
        • 12.53
        • Published

        sprite-spirit

        SCSS Mixin that Brings Image Sprite to life

        • v1.0.0
        • 12.45
        • Published

        @markwasfy/react-ticker

        React Ticker is a lightweight, performant React component, that moves text, images and videos infinitely like a newsticker.

        • v1.3.2
        • 12.45
        • Published

        mubeen-atmmachine

        Welcome to the ATM Machine CLI, a command-line interface for simulating ATM transactions. This project is built with Node.js, Chalk, Inquirer, Boxen, and Clear, providing a user-friendly experience for managing ATM operations.

        • v1.0.0
        • 12.10
        • Published

        nativescript-keyframes

        Easily use the Facebook Keyframes library in your NativeScript app.

        • v1.0.0
        • 12.06
        • Published

        arva

        Arva is an ES6/7 MV* framework for creating JS-based cross-platform applications for Mobile/Desktop/Web/SmartTV that provides a remarkable development and user experience. You'll be able to code faster, write more robust and manageable code, and you'll be

        • v1.1.0
        • 12.04
        • Published

        react-native-animation-input

        # [IMPORTANT] Please note that installation of react-native-reanimated in your project is highly recommended for the library to work.

        • v1.0.1
        • 11.80
        • Published

        domlastic

        DomLastic.js is a jquery plugin that adds jointed bouncing effects to your HTML elements. You can connect dom elements so that they behave like elastic physically jointed bodies. Make your list items bouncing like messages on iOS when scrolling or fire a

        • v1.0.3
        • 11.65
        • Published

        tweenkey

        A compact tweening engine for Javascript.

        • v0.1.11
        • 11.63
        • Published

        @tutorbook/checkmark

        Package that contains a React component made up of a spinner that becomes a checkmark.

        • v0.5.1
        • 11.49
        • Published

        simple-scroll-trigger

        Simple Scroll Trigger はGSAPのScrollTriggerライクな判定指定ができる、シンプルで軽量なスクロール判定ライブラリです。

        • v3.0.1
        • 11.39
        • Published

        mjx-svg

        SVG Animation for MathJax Tex

        • v0.0.5
        • 11.37
        • Published

        bill-counter-js

        The bill counter effect is expressed in JavaScript.

        • v0.0.6
        • 11.20
        • Published

        @unstable/addimated

        An always interruptable, declarative animation library for React

        • v1.0.0
        • 11.15
        • Published

        react-matrix-animation

        The matrix falling text effect in React using an HTML canvas

        • v0.0.11
        • 11.00
        • Published

        jj-spielfigur-3d

        Comic-Figures and Archetypes in 3D for Games / E-Learning drawn by Jens Janetzki.

        • v0.1.1
        • 10.89
        • Published

        react-rainbowfy

        Rainbowfy any text you want using this react component. The animation is very catchy.

        • v1.0.19
        • 10.49
        • Published

        bouncehouse

        A toolbox for building WebGl experiences

        • v0.0.2
        • 10.36
        • Published

        bubble-text

        NPM package for this jquery plugin <a href='https://github.com/WashingtonGuedes/jquery-bubble-text'>Jquery Bubble Plugin</a> - a Jquery plugin for animating texts

        • v1.0.1
        • 10.20
        • Published

        transitioner

        React component to simplify a transiting group.

          • v1.0.5
          • 9.98
          • Published

          @newcar/cli

          The cli tool of local Newcar

            • v3.0.0
            • 9.92
            • Published

            easter-eggs.ts

            A lightweight Node.js package designed to seamlessly integrate Easter eggs into your JavaScript or TypeScript web applications.

            • v1.0.20
            • 9.78
            • Published

            addimated

            An always interruptable, declarative animation library for React

            • v0.0.0
            • 9.62
            • Published

            scrollingsvg

            A react component for SVG animations to begin once the image has been scrolled onto the screen

            • v1.0.2
            • 9.45
            • Published

            sa-modals

            Angular Modal Library: A versatile and accessible modal component for Angular applications, designed to enhance user experience with smooth animations and responsive design. This library leverages Angular's CDK to create dynamic overlays, ensuring seamles

              • v1.0.0
              • 9.45
              • Published

              animated-text-input

              A React component to create animated text input.

              • v1.0.2
              • 9.42
              • Published

              seescript

              A Programming Language for SVG animations

              • v1.0.5
              • 9.36
              • Published

              pseudodo

              Polyfill for animatable content properties on psuedo elements

              • v1.0.0
              • 9.36
              • Published

              react-cool-wrappers

              Lightweight component wrappers with gradient colors and animations.

              • v0.0.5
              • 9.00
              • Published

              futura.js

              A small JavaScript library for common tasks such as Carousel, Exception, Animation handler and more...

              • v2.2.0
              • 9.00
              • Published

              vue-trip-wire

              Vue.js plugin for firing functions when an element reaches designated position in viewport.

              • v1.0.2
              • 8.83
              • Published

              stunning

              An extensive hardware-accelerated and cross-platform windowing (GUI) framework for NodeJS

              • v1.0.7
              • 8.75
              • Published

              svg-gauge-latest

              Minimal SVG animated gauge with zero dependencies

              • v1.0.9
              • 8.62
              • Published

              sanda

              "A shapes and animation library for Node.js"

              • v1.0.0
              • 8.42
              • Published

              ngx-type-delete

              This is directive for creating infinite type and delete effect

              • v2.0.0
              • 8.28
              • Published

              view-in

              A dependency free utility to set and remove animation classes on elements as they become visible in the viewport, using the Intersection Observer API

              • v0.0.4
              • 8.14
              • Published

              vue-svg-like

              🎉 A Vue component for animated like button 🎉 ![preview](https://user-images.githubusercontent.com/87121234/139560465-74b3a30a-ee0b-48e3-bcf0-2ddd44cb172d.gif) ## Installation NPM ``` npm install vue-svg-like ``` YARN ``` yarn add vue-svg-like ```

                • v1.0.4
                • 8.14
                • Published

                ng-ui-animate

                Animation for AngularJS Apps

                  • v0.1.2
                  • 7.61
                  • Published

                  sanim-kit

                  A Javascript library for performing simulations and animations on a HTML5 canvas

                  • v1.0.1
                  • 7.36
                  • Published

                  awesome-underline

                  An awesome, small, and fast underline animation library, without jQuery.

                  • v1.0.7
                  • 7.33
                  • Published

                  @typewavejs/react

                  <h1 align="center"> TypeWave JS React </h1>

                  • v0.2.11
                  • 7.33
                  • Published

                  ndh-svg-gauge

                  Minimal SVG animated gauge with zero dependencies

                  • v1.1.0
                  • 7.29
                  • Published

                  animationtuts

                  just animation tutorial for testing npm

                  • v1.0.0
                  • 7.29
                  • Published

                  react-animate-on-scroll-animate.css

                  A react hook that uses intersecton observer API and classes from https://animate.style/. The animations are triggered when the element if in view of the viewport.

                  • v1.0.5
                  • 6.83
                  • Published

                  react-native-anim-input

                  # [Important](#Important) Please note that react-native-reanimated are needed for the library to work, so make sure they are installed in your project.

                  • v2.0.2
                  • 6.67
                  • Published

                  ayncat

                  Real-time controlled animations with JavaScript and TypeScript

                  • v1.0.11
                  • 6.58
                  • Published

                  biryani-animated-svg

                  This is an animated Component of a cooking pot; this is a great addition to any food app or website!

                  • v1.0.2
                  • 6.56
                  • Published

                  pineapplea

                  Front-end animation libary

                  • v1.0.0
                  • 6.45
                  • Published

                  animated-text

                  React component for creating an svg animation for a word

                    • v1.0.1
                    • 6.43
                    • Published

                    pixi-reactive

                    A library to help integrate PIXI into a React project

                    • v1.3.24
                    • 6.39
                    • Published

                    nativescript-child-animations

                    A small plugin for quickly applying the same animation too all child elements of a specified parent.

                    • v2.0.2
                    • 5.70
                    • Published

                    easy-animate

                    A simple library to make using CSS animations easier. It can be used to define, start and stop animations.

                    • v1.0.4
                    • 5.57
                    • Published

                    jnline

                    Generate Random Svg Lines and Animate it

                    • v1.0.7
                    • 5.38
                    • Published

                    notifycss

                    Notification for CSS animation/transition events

                    • v0.0.3
                    • 5.33
                    • Published

                    ngx-type-delete-2

                    This is directive for creating infinite type and delete effect

                    • v2.0.1
                    • 4.25
                    • Published

                    beyondcreation-animation

                    A lightweight animation library built on top of GSAP, designed to simplify creating smooth and engaging animations. This library offers an easy-to-use interface for developers, enabling rapid implementation of common animation patterns with minimal code.

                    • v1.0.1
                    • 4.21
                    • Published

                    clapperboard

                    Easily set frames to create an animation rendered from an object (like the state of a react component).

                    • v1.0.5
                    • 4.21
                    • Published

                    dynamicx

                    Dynamicx is the ESM version of dynamics.js (a JavaScript library to create physics-based animations) for better coding experience. Here are some [examples](https://51fe.github.io/dynamicx).

                    • v1.0.7
                    • 4.21
                    • Published

                    vivify.sass

                    Vivify is a collection of pre-made SASS animations.

                    • v1.0.1
                    • 4.14
                    • Published

                    apollo-app

                    Applications and prototypes

                    • v1.0.1
                    • 4.06
                    • Published

                    ngx-type-delete-v2

                    This is directive for creating infinite type and delete effect

                    • v2.0.0
                    • 4.06
                    • Published

                    spiral-staircase

                    pattern resembling a spiral with squares

                      • v0.0.1
                      • 4.06
                      • Published

                      art-anim-shape

                      All ART.Shape's props can be used, but 'd'

                      • v1.2.1
                      • 4.03
                      • Published

                      @lheido/ng-anime-driver

                      Allow to use animejs instead of default web animation provided by @angular/animations.

                      • v1.0.2
                      • 4.03
                      • Published

                      spring-chain

                      SpringChain is a versatile JavaScript animation library designed to bring your UI elements to life with smooth, physics-based spring animations. Leveraging the power of the Web Animations API and a robust spring physics engine, SpringChain allows develope

                      • v1.0.4
                      • 2.52
                      • Published

                      animatrix.css

                      ``It is use to simple first install it via this command `` ``` npm i animatrix.css ```

                      • v1.0.103
                      • 2.38
                      • Published

                      ngx-type-delete-v5

                      This is directive for creating infinite type and delete effect

                      • v2.0.0
                      • 2.38
                      • Published

                      nga-chips

                      Chips library for Angular

                      • v1.0.0
                      • 0.00
                      • Published

                      ngx-type-delete-v4

                      This is directive for creating infinite type and delete effect

                      • v2.0.0
                      • 0.00
                      • Published