+
+

Related Products

  • Renderforest
    1,603 Ratings
    Visit Website
  • Highcharts
    119 Ratings
    Visit Website
  • Cloudbrink
    28 Ratings
    Visit Website
  • NovusMED
    1 Rating
    Visit Website
  • Community Phone
    974 Ratings
    Visit Website
  • Synchredible
    13 Ratings
    Visit Website
  • TeleRay
    6 Ratings
    Visit Website
  • NetBrain
    148 Ratings
    Visit Website
  • PBRS Power BI Reports Distribution
    12 Ratings
    Visit Website
  • groundcover
    32 Ratings
    Visit Website

About

Animate on scroll library. In order to make it work, you'll have to make sure your build process has configured styles loader and bundles it all correctly. If you're using Parcel, however, it will work out of the box as provided. AOS object is exposed as a global variable, for now, there are three methods available. Initialize AOS, recalculate all offsets and positions of elements (called on window resize), reinitiate the array with AOS elements, and trigger refresh (called on DOM changes that are related to AOS elements). By default, AOS is watching for DOM changes and if there are any new elements loaded asynchronously or when something is removed from DOM it calls refreshHard automatically. In browsers that don't support MutationObserver like IE, you might need to call it by yourself. You can also tell AOS to trigger a custom event on a specific element. You can also add custom animations.

About

Three.js is a JavaScript 3D library. The aim of the project is to create an easy-to-use, lightweight, cross-browser, general-purpose 3D library. The current builds only include a WebGL renderer but WebGPU (experimental), SVG and CSS3D renderers are also available in the examples. To actually be able to display anything with three.js, we need three things, scene, camera, and renderer, so that we can render the scene with the camera. In addition to the WebGLRenderer, Three.js comes with a few others, often used as fallbacks for users with older browsers or for those who don't have WebGL support for some reason. Create a loop that causes the renderer to draw the scene every time the screen is refreshed (on a typical screen this means 60 times per second). Anything you want to move or change while the app is running has to go through the animate loop. You can of course call other functions from there.

Platforms Supported

Windows
Mac
Linux
Cloud
On-Premises
iPhone
iPad
Android
Chromebook

Platforms Supported

Windows
Mac
Linux
Cloud
On-Premises
iPhone
iPad
Android
Chromebook

Audience

Developers interested in an open-source solution offering scrolling animations

Audience

Designers, developers and any user seeking a solution to animate 3D elements

Support

Phone Support
24/7 Live Support
Online

Support

Phone Support
24/7 Live Support
Online

API

Offers API

API

Offers API

Screenshots and Videos

Screenshots and Videos

Pricing

Free
Free Version
Free Trial

Pricing

Free
Free Version
Free Trial

Reviews/Ratings

Overall 0.0 / 5
ease 0.0 / 5
features 0.0 / 5
design 0.0 / 5
support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Reviews/Ratings

Overall 0.0 / 5
ease 0.0 / 5
features 0.0 / 5
design 0.0 / 5
support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Training

Documentation
Webinars
Live Online
In Person

Training

Documentation
Webinars
Live Online
In Person

Company Information

AOS
michalsnik.github.io/aos/

Company Information

Three.js
threejs.org

Alternatives

Alternatives

FusionCharts

FusionCharts

Idera, Inc.

Categories

Categories

Integrations

8th Wall
Azure Static Web Apps
Lovable
MusicVid
Zapworks

Integrations

8th Wall
Azure Static Web Apps
Lovable
MusicVid
Zapworks
Claim Animate On Scroll (AOS) and update features and information
Claim Animate On Scroll (AOS) and update features and information
Claim Three.js and update features and information
Claim Three.js and update features and information