JSPM

Found 172 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
  • 61.18
  • Published

svg-gauge

Minimal SVG animated gauge with zero dependencies

  • v1.0.7
  • 56.41
  • Published

motion-ux

UI Animation Library

  • v8.0.1
  • 51.82
  • Published

i2djs

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

  • v5.4.0
  • 36.71
  • Published

animateme

Animate DOM elements when they enter the viewport

  • v2.4.2
  • 36.31
  • 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
  • 35.99
  • 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.5.0
  • 33.82
  • Published

@dungeon2/svg-gauge

Minimal SVG animated gauge with zero dependencies

  • v1.0.9
  • 33.56
  • Published

@dpaladin/svg-gauge

Minimal SVG animated gauge with zero dependencies

  • v1.0.7
  • 33.25
  • 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
  • 30.49
  • Published

react-custom-pointer

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

  • v1.0.5
  • 29.64
  • Published

the-oa

observable-base animation

  • v0.2.0
  • 28.55
  • Published

rn-sliding-button

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

  • v1.1.5
  • 28.20
  • Published

cbmp

CLI for converting cursor svg files to png.

  • v1.1.1
  • 27.96
  • Published

react-sled

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

  • v2.0.4
  • 26.82
  • Published

tween24

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

  • v1.5.0
  • 26.80
  • 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
  • 26.48
  • Published

simscript

A Discrete Event Simulation Library in TypeScript

  • v1.0.37
  • 24.89
  • Published

pixi-reactive

A library to help integrate PIXI into a React project

  • v1.3.24
  • 24.70
  • Published

react-declare-animate

A declarative React component for performing simple animations

  • v2.0.9
  • 23.21
  • Published

renature

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

  • v0.11.1
  • 23.13
  • Published

rafx

RequestAnimationFrame (rAF) Based Promise-Like Implementation

  • v0.0.20
  • 22.96
  • Published

ticktock-js

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

    • v3.1.9
    • 22.93
    • Published

    @unstable/addimated

    An always interruptable, declarative animation library for React

    • v1.0.0
    • 22.79
    • Published

    @devclusters/fluency

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

      • v1.1.5
      • 22.20
      • Published

      moved

      Miniature motion solutions

      • v1.4.3
      • 22.05
      • Published

      react-glitchify

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

      • v2.4.19
      • 21.73
      • Published

      @wizdm/animate

      On Scroll Animation for Angular

      • v3.1.0
      • 21.05
      • Published

      crosscover

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

      • v1.1.0
      • 20.85
      • 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
      • 20.69
      • Published

      animation-list

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

      • v3.0.3
      • 20.63
      • Published

      image-reader

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

      • v0.2.5
      • 20.59
      • 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
      • 20.49
      • Published

      css-waves

      A React npm package for waves animation.

      • v0.2.1
      • 19.64
      • Published

      react-rainbowfy

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

      • v1.0.19
      • 19.51
      • Published

      @typewavejs/react

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

      • v0.2.11
      • 19.13
      • Published

      tangela

      <div align="center">

      • v0.3.2
      • 19.09
      • Published

      scrollme

      Animate css properties on scroll.

      • v0.1.1
      • 18.99
      • Published

      notifycss

      Notification for CSS animation/transition events

      • v0.0.3
      • 18.65
      • Published

      react-animista

      More than 200 free CSS animations from Animista website!

      • v1.0.2
      • 18.20
      • Published

      ngx-sbz-type-delete

      This is directive for creating infinite type and delete effect

      • v2.0.3
      • 17.98
      • Published

      tweenkey

      A compact tweening engine for Javascript.

      • v0.1.11
      • 17.98
      • Published

      mjx-svg

      SVG Animation for MathJax Tex

      • v0.0.5
      • 17.82
      • Published

      seescript

      A Programming Language for SVG animations

      • v1.0.5
      • 17.36
      • Published

      sprite-reader

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

      • v0.1.6
      • 17.06
      • Published

      clapperboard

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

      • v1.0.5
      • 16.78
      • Published

      futura.js

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

      • v2.2.0
      • 16.75
      • Published

      angular-icon-morphing

      Angular library to animate icons with smooth morphing animation

      • v1.0.3
      • 16.69
      • Published

      @futuravision/futura.js

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

      • v2.2.1
      • 16.56
      • Published

      react-matrix-animation

      The matrix falling text effect in React using an HTML canvas

      • v0.0.11
      • 16.30
      • 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
      • 16.08
      • 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
      • 15.85
      • Published

      bill-counter-js

      The bill counter effect is expressed in JavaScript.

      • v0.0.6
      • 15.73
      • Published

      @tutorbook/checkmark

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

      • v0.5.1
      • 15.44
      • Published

      onscroll-custom-animator

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

      • v1.0.3
      • 15.44
      • Published

      simple-scroll-trigger

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

      • v3.0.1
      • 15.38
      • Published

      stunning

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

      • v1.0.7
      • 15.08
      • Published

      @pryme8/scrolls.js

      Universal DOM Scrolling Animation Callback Engine

      • v1.1.3
      • 15.04
      • 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
      • 15.02
      • Published

      react-cool-wrappers

      Lightweight component wrappers with gradient colors and animations.

      • v0.0.5
      • 15.02
      • Published

      @byloth/vue-scroll-animator

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

      • v2.2.0
      • 15.02
      • 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
        • 14.98
        • Published

        @newcar/cli

        The cli tool of local Newcar

          • v3.0.0
          • 14.86
          • Published

          animated-text-input

          A React component to create animated text input.

          • v1.0.2
          • 14.57
          • Published

          @drozdik.m/animation

          Object for handling computed animations using lerp functions.

          • v1.0.0
          • 14.49
          • Published

          vue-trip-wire

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

          • v1.0.2
          • 14.22
          • 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
            • 13.95
            • Published

            sanim-kit

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

            • v1.0.1
            • 13.95
            • 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
            • 13.63
            • Published

            ng-ui-animate

            Animation for AngularJS Apps

              • v0.1.2
              • 13.63
              • Published

              ngx-flip-card

              Angular component to animate a double-sided card.

              • v1.0.0
              • 13.62
              • Published

              animated-text

              React component for creating an svg animation for a word

                • v1.0.1
                • 13.62
                • Published

                rizzm

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

                • v1.0.2
                • 13.62
                • Published

                nativescript-keyframes

                Easily use the Facebook Keyframes library in your NativeScript app.

                • v1.0.0
                • 13.60
                • 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
                • 13.36
                • Published

                transitioner

                React component to simplify a transiting group.

                  • v1.0.5
                  • 13.36
                  • Published

                  axe-light

                  A Lightweight javascript library extensively for creating animations

                  • v1.0.1
                  • 13.28
                  • Published

                  ndh-svg-gauge

                  Minimal SVG animated gauge with zero dependencies

                  • v1.1.0
                  • 13.04
                  • Published

                  react-on-scroll-animation

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

                  • v1.0.0
                  • 13.03
                  • Published

                  bouncehouse

                  A toolbox for building WebGl experiences

                  • v0.0.2
                  • 12.95
                  • Published

                  react-moveable-ticker

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

                  • v0.1.3
                  • 12.95
                  • Published

                  awesome-underline

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

                  • v1.0.7
                  • 12.79
                  • Published

                  scrollingsvg

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

                  • v1.0.2
                  • 12.69
                  • 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
                  • 12.59
                  • Published

                  svg-gauge-latest

                  Minimal SVG animated gauge with zero dependencies

                  • v1.0.9
                  • 12.45
                  • Published

                  sprite-spirit

                  SCSS Mixin that Brings Image Sprite to life

                  • v1.0.0
                  • 12.05
                  • Published

                  art-anim-shape

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

                  • v1.2.1
                  • 12.05
                  • Published

                  jj-spielfigur-3d

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

                  • v0.1.1
                  • 12.05
                  • Published

                  pseudodo

                  Polyfill for animatable content properties on psuedo elements

                  • v1.0.0
                  • 12.02
                  • Published

                  apollo-app

                  Applications and prototypes

                  • v1.0.1
                  • 11.81
                  • 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
                  • 11.67
                  • Published

                  nativescript-child-animations

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

                  • v2.0.2
                  • 11.57
                  • 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
                  • 11.31
                  • 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
                  • 11.27
                  • Published

                  @lheido/ng-anime-driver

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

                  • v1.0.2
                  • 11.27
                  • 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
                  • 11.10
                  • 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
                  • 10.32
                  • 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
                  • 10.15
                  • Published

                  vivify.sass

                  Vivify is a collection of pre-made SASS animations.

                  • v1.0.1
                  • 10.15
                  • Published

                  addimated

                  An always interruptable, declarative animation library for React

                  • v0.0.0
                  • 10.15
                  • Published

                  ngx-type-delete

                  This is directive for creating infinite type and delete effect

                  • v2.0.0
                  • 10.15
                  • Published

                  sanda

                  "A shapes and animation library for Node.js"

                  • v1.0.0
                  • 9.74
                  • 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
                  • 9.58
                  • Published

                  jnline

                  Generate Random Svg Lines and Animate it

                  • v1.0.7
                  • 9.55
                  • Published

                  ngx-type-delete-v5

                  This is directive for creating infinite type and delete effect

                  • v2.0.0
                  • 9.55
                  • Published

                  ngx-type-delete-v2

                  This is directive for creating infinite type and delete effect

                  • v2.0.0
                  • 9.14
                  • Published

                  spiral-staircase

                  pattern resembling a spiral with squares

                    • v0.0.1
                    • 8.54
                    • Published

                    ayncat

                    Real-time controlled animations with JavaScript and TypeScript

                    • v1.0.11
                    • 8.38
                    • Published

                    nga-chips

                    Chips library for Angular

                    • v1.0.0
                    • 8.38
                    • Published

                    ngx-type-delete-v4

                    This is directive for creating infinite type and delete effect

                    • v2.0.0
                    • 7.74
                    • Published

                    animatrix.css

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

                    • v1.0.103
                    • 6.52
                    • Published

                    pineapplea

                    Front-end animation libary

                    • v1.0.0
                    • 5.43
                    • Published

                    animationtuts

                    just animation tutorial for testing npm

                    • v1.0.0
                    • 5.31
                    • Published

                    ngx-type-delete-2

                    This is directive for creating infinite type and delete effect

                    • v2.0.1
                    • 4.17
                    • Published