JSPM

Found 174 results for Animation

animated-text-input

A React component to create animated text input.

  • v1.0.2
  • 12.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
  • 11.84
  • Published

awesome-underline

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

  • v1.0.7
  • 11.67
  • Published

moved

Miniature motion solutions

  • v1.4.3
  • 11.42
  • Published

react-glitchify

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

  • v2.4.19
  • 11.42
  • Published

@tutorbook/checkmark

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

  • v0.5.1
  • 11.42
  • Published

react-on-scroll-animation

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

  • v1.0.0
  • 11.20
  • Published

css-waves

A React npm package for waves animation.

  • v0.2.1
  • 11.09
  • 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
  • 11.01
  • Published

simple-scroll-trigger

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

  • v3.0.1
  • 10.84
  • Published

notifycss

Notification for CSS animation/transition events

  • v0.0.3
  • 10.54
  • Published

jj-spielfigur-3d

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

  • v0.1.1
  • 10.54
  • 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
  • 10.44
  • Published

react-moveable-ticker

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

  • v0.1.3
  • 10.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
  • 10.40
  • Published

art-anim-shape

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

  • v1.2.1
  • 10.03
  • 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
  • 10.03
  • Published

animation-list

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

  • v3.0.3
  • 10.03
  • Published

addimated

An always interruptable, declarative animation library for React

  • v0.0.0
  • 10.03
  • Published

react-rainbowfy

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

  • v1.0.19
  • 9.87
  • Published

image-reader

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

  • v0.2.5
  • 9.86
  • Published

bouncehouse

A toolbox for building WebGl experiences

  • v0.0.2
  • 9.86
  • Published

stunning

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

  • v1.0.7
  • 9.47
  • 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
  • 9.32
  • Published

transitioner

React component to simplify a transiting group.

    • v1.0.5
    • 9.32
    • Published

    rizzm

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

    • v1.0.2
    • 9.32
    • 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
    • 9.31
    • Published

    @unstable/addimated

    An always interruptable, declarative animation library for React

    • v1.0.0
    • 9.31
    • Published

    nativescript-keyframes

    Easily use the Facebook Keyframes library in your NativeScript app.

    • v1.0.0
    • 9.15
    • Published

    scrollme

    Animate css properties on scroll.

    • v0.1.1
    • 8.85
    • Published

    seescript

    A Programming Language for SVG animations

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

    apollo-app

    Applications and prototypes

    • v1.0.1
    • 8.71
    • Published

    ng-ui-animate

    Animation for AngularJS Apps

      • v0.1.2
      • 8.49
      • Published

      react-matrix-animation

      The matrix falling text effect in React using an HTML canvas

      • v0.0.11
      • 8.46
      • Published

      bill-counter-js

      The bill counter effect is expressed in JavaScript.

      • v0.0.6
      • 8.43
      • 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
      • 8.43
      • Published

      futura.js

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

      • v2.2.0
      • 8.43
      • Published

      vue-trip-wire

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

      • v1.0.2
      • 8.29
      • 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
      • 8.16
      • Published

      react-declare-animate

      A declarative React component for performing simple animations

      • v2.0.9
      • 8.03
      • Published

      animated-text

      React component for creating an svg animation for a word

        • v1.0.1
        • 8.03
        • Published

        clapperboard

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

        • v1.0.5
        • 7.67
        • Published

        sprite-spirit

        SCSS Mixin that Brings Image Sprite to life

        • v1.0.0
        • 7.37
        • Published

        pixi-reactive

        A library to help integrate PIXI into a React project

        • v1.3.24
        • 7.37
        • Published

        tweenkey

        A compact tweening engine for Javascript.

        • v0.1.11
        • 7.37
        • Published

        pseudodo

        Polyfill for animatable content properties on psuedo elements

        • v1.0.0
        • 6.80
        • Published

        mjx-svg

        SVG Animation for MathJax Tex

        • v0.0.5
        • 6.73
        • Published

        react-cool-wrappers

        Lightweight component wrappers with gradient colors and animations.

        • v0.0.5
        • 6.68
        • Published

        ngx-type-delete

        This is directive for creating infinite type and delete effect

        • v2.0.0
        • 6.46
        • Published

        sanda

        "A shapes and animation library for Node.js"

        • v1.0.0
        • 5.61
        • 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
        • 5.61
        • 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
          • 5.48
          • 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
          • 5.48
          • Published

          pineapplea

          Front-end animation libary

          • v1.0.0
          • 5.48
          • Published

          tangela

          <div align="center">

          • v0.3.2
          • 5.48
          • Published

          ngx-type-delete-v2

          This is directive for creating infinite type and delete effect

          • v2.0.0
          • 5.31
          • 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
          • 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.25
          • Published

          ngx-type-delete-2

          This is directive for creating infinite type and delete effect

          • v2.0.1
          • 4.23
          • Published

          jnline

          Generate Random Svg Lines and Animate it

          • v1.0.7
          • 4.15
          • Published

          scrollingsvg

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

          • v1.0.2
          • 4.15
          • Published

          ndh-svg-gauge

          Minimal SVG animated gauge with zero dependencies

          • v1.1.0
          • 4.08
          • Published

          @pryme8/scrolls.js

          Universal DOM Scrolling Animation Callback Engine

          • v1.2.8
          • 4.08
          • Published

          spiral-staircase

          pattern resembling a spiral with squares

            • v0.0.1
            • 4.01
            • Published

            nativescript-child-animations

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

            • v2.0.2
            • 2.51
            • Published

            animatrix.css

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

            • v1.0.103
            • 2.43
            • Published

            sanim-kit

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

            • v1.0.1
            • 2.43
            • Published

            ngx-type-delete-v5

            This is directive for creating infinite type and delete effect

            • v2.0.0
            • 2.43
            • Published

            @lheido/ng-anime-driver

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

            • v1.0.2
            • 2.39
            • Published

            vivify.sass

            Vivify is a collection of pre-made SASS animations.

            • v1.0.1
            • 2.38
            • Published

            ayncat

            Real-time controlled animations with JavaScript and TypeScript

            • v1.0.11
            • 0.00
            • Published

            nga-chips

            Chips library for Angular

            • v1.0.0
            • 0.00
            • Published

            @newcar/cli

            The cli tool of local Newcar

              • v3.0.0
              • 0.00
              • Published

              animationtuts

              just animation tutorial for testing npm

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

                ngx-type-delete-v4

                This is directive for creating infinite type and delete effect

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