Lottie React Native
lottie-react-native
React Native bindings for Lottie
React Native Libraries
lottie
animation
react
react-native
keyframe
lottie-react-native
React Native Libraries
javascript
npm
frontend
Stars
17k
Weekly
969k
Open issues
15
Bundle
~25 kB
Installation
npm install lottie-react-nativeCode example
import { View, Text, StyleSheet } from "react-native";
import { LottieReactNative } from "lottie-react-native";
export function Example() {
return (
<View style={styles.box}>
<Text style={styles.title}>Lottie React Native</Text>
<LottieReactNative />
</View>
);
}
const styles = StyleSheet.create({
box: { flex: 1, alignItems: "center", justifyContent: "center", gap: 8 },
title: { fontSize: 18, fontWeight: "600" },
});Pros & cons
Pros
- Actively maintained by Emilio Rodriguez
- 969k weekly downloads. Battle tested
- First-class TypeScript definitions
- Apache-2.0 licensed
Considerations
- Adds roughly ~25 kB to your bundle
- Needs client-only rendering in SSR frameworks
- 15 open issues on GitHub