https://github.com/tmhsdigital/free-asset-sources

https://github.com/tmhsdigital/free-asset-sources

Last synced: 11 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/tmhsdigital/free-asset-sources
• Owner: TMHSDigital
• Created: 2024-07-07T08:18:42.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-16T00:51:31.000Z (over 1 year ago)
• Last Synced: 2025-01-06T07:28:07.211Z (about 1 year ago)
• Language: HTML
• Size: 17.6 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Popular ___FREE___ , ___open-source___ **___animation libraries___** and resources

### Animation Libraries

1. **Animate.css**

   - **Description**: A library of ready-to-use, cross-browser animations for use in your web projects. Great for adding simple yet effective animations.

   - **GitHub**: [Animate.css](https://github.com/animate-css/animate.css)

   - **Website**: [animate.style](https://animate.style/)

2. **Lottie**

   - **Description**: A library for rendering Adobe After Effects animations in real time. It's used widely in mobile and web development.

   - **GitHub**: [Lottie for Web](https://github.com/airbnb/lottie-web), [Lottie for iOS](https://github.com/airbnb/lottie-ios), [Lottie for Android](https://github.com/airbnb/lottie-android)

   - **Website**: [lottiefiles.com](https://lottiefiles.com/)

3. **GSAP (GreenSock Animation Platform)**

   - **Description**: A robust JavaScript library for high-performance animations that work in all major browsers.

   - **GitHub**: [GSAP](https://github.com/greensock/GSAP)

   - **Website**: [greensock.com](https://greensock.com/)

4. **Three.js**

   - **Description**: A JavaScript library that makes it easy to create 3D animations in the browser.

   - **GitHub**: [Three.js](https://github.com/mrdoob/three.js/)

   - **Website**: [threejs.org](https://threejs.org/)

5. **Mo.js**

   - **Description**: A motion graphics toolbelt for the web, which helps to create animations with more complex requirements.

   - **GitHub**: [Mo.js](https://github.com/mojs/mojs)

   - **Website**: [mojs.github.io](https://mojs.github.io/)

### Animation Resources

1. **Pixabay**

   - **Description**: A source for free images and videos. Some animations and video loops can be found here.

   - **Website**: [pixabay.com](https://pixabay.com/)

2. **OpenGameArt**

   - **Description**: A repository of free assets for game developers, which includes animations.

   - **Website**: [opengameart.org](https://opengameart.org/)

3. **Pexels**

   - **Description**: Another source for free images and videos. You can find various video loops that can be used as animations.

   - **Website**: [pexels.com](https://www.pexels.com/)

### How to Use

- **Integrate Libraries**: For web development, you can include these libraries via CDN or by installing them via npm/yarn.

- **Edit and Customize**: Many of these libraries allow for extensive customization. Check their documentation for more details on how to implement and tweak the animations.

- **Combine Resources**: Use video loops or animated SVGs from resources like Pixabay or Pexels in combination with JavaScript libraries for more complex effects.