Animated
@react-spring/animated
Animated component props for React
React Native Libraries
animated
animation
hooks
motion
react
react-native
spring
typescript
velocity
@react-spring/animated
Stars
1
Weekly
0
Open issues
0
Bundle
~60 kB
Installation
npm install @react-spring/animatedCode example
import { View, Text, StyleSheet } from "react-native";
import { Animated } from "@react-spring/animated";
export function Example() {
return (
<View style={styles.box}>
<Text style={styles.title}>Animated</Text>
<Animated />
</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 Paul Henschel
- 0 weekly downloads. Battle tested
- First-class TypeScript definitions
- MIT licensed
Considerations
- Adds roughly ~60 kB to your bundle
- Needs client-only rendering in SSR frameworks
- 0 open issues on GitHub