ngx-scrollreveal | Angular directives for ScrollReveal : a JavaScript library | Animation library

 by   tinesoft JavaScript Version: 3.0.0 License: MIT

kandi X-RAY | ngx-scrollreveal Summary

kandi X-RAY | ngx-scrollreveal Summary

ngx-scrollreveal is a JavaScript library typically used in User Interface, Animation, Angular applications. ngx-scrollreveal has no vulnerabilities, it has a Permissive License and it has low support. However ngx-scrollreveal has 4 bugs. You can install using 'npm i ngx-scrollreveal' or download it from GitHub, npm.

Angular directives for ScrollReveal : a JavaScript library for easily animating elements as they enter/leave the viewport.

            kandi-support Support

              ngx-scrollreveal has a low active ecosystem.
              It has 91 star(s) with 10 fork(s). There are 2 watchers for this library.
              It had no major release in the last 12 months.
              There are 4 open issues and 25 have been closed. On average issues are closed in 64 days. There are 53 open pull requests and 0 closed requests.
              It has a neutral sentiment in the developer community.
              The latest version of ngx-scrollreveal is 3.0.0

            kandi-Quality Quality

              ngx-scrollreveal has 4 bugs (0 blocker, 0 critical, 0 major, 4 minor) and 1 code smells.

            kandi-Security Security

              ngx-scrollreveal has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
              ngx-scrollreveal code analysis shows 0 unresolved vulnerabilities.
              There are 6 security hotspots that need review.

            kandi-License License

              ngx-scrollreveal is licensed under the MIT License. This license is Permissive.
              Permissive licenses have the least restrictions, and you can use them in most projects.

            kandi-Reuse Reuse

              ngx-scrollreveal releases are available to install and integrate.
              Deployable package is available in npm.
              Installation instructions, examples and code snippets are available.
              ngx-scrollreveal saves you 343 person hours of effort in developing the same functionality from scratch.
              It has 822 lines of code, 0 functions and 85 files.
              It has low code complexity. Code complexity directly impacts maintainability of the code.

            Top functions reviewed by kandi - BETA

            kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
            Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of ngx-scrollreveal
            Get all kandi verified functions for this library.

            ngx-scrollreveal Key Features

            No Key Features are available at this moment for ngx-scrollreveal.

            ngx-scrollreveal Examples and Code Snippets

            No Code Snippets are available at this moment for ngx-scrollreveal.

            Community Discussions

            Trending Discussions on ngx-scrollreveal


            Angular 9 animations when in viewport
            Asked 2020-Aug-05 at 22:14

            I want to bring in animations to my project, specifically for

            and some headings (h1, h2, h3). I have tried a couple of options; one by using Angular animations and one using animate.css.

            Both these works as epected, but now I would like to only animate when a

            is currently in view (for the first time).

            At first I tried, but I was unable to get it to work. Even with animate.scss.

            Then I tried: by using This did work, but I could only get it to use the cubic-bezier(0.25, 0.1, 0.25, 1). Nothing else seemed to work and I would like to have all the functionality that is available in animate.css or at least fadeInUp, fadeInLeft and fadeInRight

            Then I tried: which again, works and is the best so far because it uses angular animations, but isn't supported in IE at all, so that is no good.

            So, my question is: Is there a better way of doing this? Ideally I would like to use angular animations when scrolling content into view and I would like to have control on which animation to use. Is this possible and has anything done or used anything that might help?



            Answered 2020-Aug-05 at 22:14

            In the end, used some old code I had an merged it with the ngx-animate directive to come up with this:


            Community Discussions, Code Snippets contain sources that include Stack Exchange Network


            No vulnerabilities reported

            Install ngx-scrollreveal

            Install above dependencies via npm. In particular for ScrollReveal JS, run:.


            For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .
            Find more information at:

            Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items

            Find more libraries
          • npm

            npm i ngx-scrollreveal

          • CLONE
          • HTTPS


          • CLI

            gh repo clone tinesoft/ngx-scrollreveal

          • sshUrl


          • Stay Updated

            Subscribe to our newsletter for trending solutions and developer bootcamps

            Agree to Sign up and Terms & Conditions

            Share this Page

            share link