Animations

Top 23 Animation Open-Source Projects

  • animate.css

    🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

  • Project mention: Add basic animations to your site using Animate.css and wow.js | dev.to | 2024-04-16

    Animate.css

  • anime.js

    JavaScript animation engine

  • Project mention: Mastering Web Animation with JavaScript Libraries: A Comprehensive Guide | dev.to | 2024-05-09

    Repository: anime.js on GitHub

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • Lottie for Android, iOS, and React Native

    Render After Effects animations natively on Android and iOS, Web, and React Native

  • Project mention: Top 10 JavaScript Animation Libraries | dev.to | 2024-05-09

    Lottie (29.7k ⭐) — A library that renders Adobe After Effects animations exported as JSON with the Bodymovin plugin. It allows you to use complex animations created by designers without coding them manually.

  • Awesome-Design-Tools

    The best design tools and plugins for everything 👉

  • particles.js

    A lightweight JavaScript library for creating particles

  • Project mention: How to create this floating particles 3D background effect? | /r/webdev | 2023-07-02

    Not the same effect, but with particles.js you can get some nice stuff

  • Hero

    Elegant transition library for iOS & tvOS

  • manim

    A community-maintained Python framework for creating mathematical animations. (by ManimCommunity)

  • Project mention: A Rigorous Derivation of the Bubble Sort Curve | news.ycombinator.com | 2024-04-24
  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • GreenSock-JS

    GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web

  • Project mention: Mastering Web Animation with JavaScript Libraries: A Comprehensive Guide | dev.to | 2024-05-09

    Repository: GSAP on GitHub

  • Mo.js

    The motion graphics toolbelt for the web

  • Project mention: Mastering Web Animation with JavaScript Libraries: A Comprehensive Guide | dev.to | 2024-05-09

    Repository: Mo.js on GitHub

  • velocity

    Accelerated JavaScript animation.

  • Project mention: Mastering Web Animation with JavaScript Libraries: A Comprehensive Guide | dev.to | 2024-05-09

    Repository: Velocity.js on GitHub

  • lottie-react-native

    Lottie wrapper for React Native.

  • Project mention: React Native Lottie Animations | dev.to | 2024-05-07

    API document For Lottie

  • Material-Animations

    Android Transition animations explanation with examples.

  • AndroidViewAnimations

    Cute view animation collection.

  • auto-animate

    A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.

  • Project mention: Would anyone be interested in having me create custom Tailwind CSS Components for them? | /r/nextjs | 2023-12-05

    https://auto-animate.formkit.com/ some basic inspiration - consider also that this is free and just takes donations.. That model brings people to you and then you can do bespoke projects and charge too

  • barba

    Create badass, fluid and smooth transitions between your website’s pages

  • Project mention: 🤯 Keep Up With these 50 Articles | dev.to | 2024-04-16

    Create badass, fluid and smooth transitions between your website's pages (https://barba.js.org) by Thierry Michel, Xavier Foucrier, Luigi De Rosa This one is really good - just the minimum API to make these transitions so good.

  • UltimateAndroidReference

    :rocket: Ultimate Android Reference - Your Road to Become a Better Android Developer

  • TaskbarX

    Center Windows taskbar icons with a variety of animations and options.

  • Project mention: New Wallpaper | /r/desktops | 2023-07-22

    You can download TaskbarX here (For windows tray)

  • Dynamic.js

    Javascript library to create physics-based animations

  • jquery.transit

    Super-smooth CSS3 transformations and transitions for jQuery

  • ViewAnimator

    ViewAnimator brings your UI to life with just one line

  • tsParticles

    tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

  • Project mention: tsParticles 3.0.0 is out. Breaking changes ahead. | dev.to | 2023-12-04
  • bounce.js

    Create beautiful CSS3 powered animations in no time.

  • AndroidImageSlider

    An amazing and convenient Android image slider.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

Animations related posts

  • Mastering Web Animation with JavaScript Libraries: A Comprehensive Guide

    5 projects | dev.to | 9 May 2024
  • Top 10 JavaScript Animation Libraries

    13 projects | dev.to | 9 May 2024
  • React Native Lottie Animations

    1 project | dev.to | 7 May 2024
  • Time-Based CSS Animations

    3 projects | news.ycombinator.com | 5 May 2024
  • Figma's Journey to TypeScript

    5 projects | news.ycombinator.com | 4 May 2024
  • React Refs Ritual: Managing Focus, Selections, and More.

    2 projects | dev.to | 29 Apr 2024
  • Where the hell do I create these nice animations

    2 projects | news.ycombinator.com | 25 Apr 2024
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 10 May 2024
    Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →

Index

What are some of the best open-source Animation projects? This list will help you:

Project Stars
1 animate.css 79,832
2 anime.js 48,768
3 Lottie for Android, iOS, and React Native 34,666
4 Awesome-Design-Tools 31,909
5 particles.js 28,420
6 Hero 21,832
7 manim 19,101
8 GreenSock-JS 18,721
9 Mo.js 18,261
10 velocity 17,272
11 lottie-react-native 16,504
12 Material-Animations 13,541
13 AndroidViewAnimations 12,375
14 auto-animate 11,681
15 barba 11,441
16 UltimateAndroidReference 7,813
17 TaskbarX 7,627
18 Dynamic.js 7,563
19 jquery.transit 7,302
20 ViewAnimator 7,200
21 tsParticles 7,057
22 bounce.js 6,220
23 AndroidImageSlider 5,641

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com