Lottie
An iOS library to natively render After Effects vector animations (by airbnb)
Hover
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS. (by IanLunn)
Our great sponsors
| Lottie | Hover | |
|---|---|---|
| 11 | 6 | |
| 24,976 | 29,045 | |
| 0.7% | - | |
| 8.7 | 0.0 | |
| 3 days ago | 6 months ago | |
| Swift | SCSS | |
| Apache License 2.0 | GNU General Public License v3.0 or later |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Lottie
Posts with mentions or reviews of Lottie.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-09-10.
-
Are Animated JSON and Lotties suitable in functional web development?
Lottie still has a lot of support (backed by Airbnb) and just got a big performance upgrade on iOS. However, there are competitors cropping up (like Rive) with the aim to be more lightweight and not tied to After Effects.
- "progress indicator" animation
-
Cracking the iOS Interview
Lottie - After Effects vector animations
-
Binding Lottie (or any other Swift framework with UI) in MAUI
When I wrote my app which needed Lottie animations, I found LottieXamarin library, but that only works with Xamarin.Forms not with MAUI. I tried to update it, however I've run into multiple issues and at the same time I've realised only older Lottie versions can be binded, because from March of 2019, Lottie is a Swift library, which means it can't be binded easily.
-
Character animations like Duolingo in swiftui
It's probably made with Adobe AE or similar, and exported in Lottie format (SVG-data like + assets) to be loaded and rendered with the Lottie library for iOS (https://github.com/airbnb/lottie-ios) which I presume already comes with SwiftUI-compatible API.
-
A challenger to the throne of vector graphics. SVG is dead, long live TinyVG!
The HN thread also mentions Lottie from AirBnB and IconVG from Not-an-official-Google-product.
-
18 amazing 🤩 GitHub repositories that will help you 🪄 make a beautiful project
Lottie for Web, Android, iOS, React Native, and Windows
-
I built this Lottie animation editor to edit Lottie animations without After Effects! If like me, you use Lottie animations as part of your iOS app UI but struggle with After Effects or implementation issues, would like to know what you think. Added a video in comments too :)
I think there might be one but not sure how up to date it is: https://github.com/airbnb/lottie-ios/tree/lottie/objectiveC
- Burger king logo animated with UIKit
-
Loading Screen Animation Help
If you can use After effects or some plugin to translate the PNG sequence to a Lottie JSON file, you can setup https://github.com/airbnb/lottie-ios in your project and should be pretty straight forward from there. If not, maybe translate it to a GIF file. Last option, if the animation is simple it can be simple to recreate it using UIBezierPaths.
Hover
Posts with mentions or reviews of Hover.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-04-19.
- Best free CSS animation?
-
10 GitHub Repositories to Become a CSS Master
Download Zip
-
Wordpress plugin sought for hover effects
Use the collection of hover effects on this site and its Github repo.
- 5 GitHub repositories that can help you in writing better CSS code
-
18 amazing 🤩 GitHub repositories that will help you 🪄 make a beautiful project
View on GitHub
-
CSS Deep
IanLunn/Hover - A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
What are some alternatives?
When comparing Lottie and Hover you can also consider the following projects:
MotionBlur - MotionBlur allows you to add motion blur effect to iOS animations.
monkeytype-themes - custom css themes for monkeytype
KRProgressHUD - A beautiful and easy-to-use progress HUD for your iOS.
videojs-markers - Displays customizable markers upon progress bars of videojs players
ViewAnimator - ViewAnimator brings your UI to life with just one line
Magic-Grid - A simple, lightweight Javascript library for dynamic grid layouts.
SkeletonView - ☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting
react-image-gallery - React carousel image gallery component with thumbnail support 🖼
Gemini - Gemini is rich scroll based animation framework for iOS, written in Swift.
lottie-react-native - Lottie wrapper for React Native. [Moved to: https://github.com/lottie-react-native/lottie-react-native]
SpriteKitEasingSwift - Better Easing for SpriteKit in Swift
stretchy - Form element autosizing, the way it should be