10 Best React Native Visual Effects Libraries

List hand-picked by Openbase Experts
Learn More

lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.7/ 5
68
Top Feedback
5Great Documentation
5Easy to Use
5Performant
GitHub Stars
26K
Weekly Downloads
662K
Last Commit
1mo ago

react-native-linear-gradient

A <LinearGradient /> component for react-native

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.8/ 5
6
Top Feedback
6Great Documentation
5Easy to Use
3Highly Customizable
GitHub Stars
4K
Weekly Downloads
183K
Last Commit
5mos ago

react-native-svg

SVG library for React Native, React Native Web, and plain React web projects.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.1/ 5
16
Top Feedback
6Easy to Use
5Great Documentation
5Buggy
GitHub Stars
6K
Weekly Downloads
364K
Last Commit
4mos ago
rns

react-native-shimmer

Simple shimmering effect for any view in React Native

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
530
Weekly Downloads
6K
Last Commit
2yrs ago

expo-linear-gradient

An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
15K
Weekly Downloads
62K
Last Commit
8d ago
rnr

react-native-radial-gradient

Radial gradient library for react native

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
66
Weekly Downloads
4K
Last Commit
3mos ago

react-native-gradients

A simple gradient library for React Native.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
19
Weekly Downloads
177
Last Commit
3mos ago
rnc

react-native-confetti-cannon

React Native confetti explosion and fall like iOS does.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
10K
Last Commit
N/A
rng

react-native-gradient-header

Fully customizable and unique shape Gradient Header for React Native

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
137
Weekly Downloads
25
Last Commit
3mos ago
rnt

react-native-text-gradient

Text gradient for React-Native (ON HIATUS)

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
72
Weekly Downloads
2K
Last Commit
1yr ago

react-native-svg-animated-linear-gradient

A wrap SVG component for animated linear gradient

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
427
Weekly Downloads
2K
Last Commit
2yrs ago

react-native-gradient-buttons

A lightweight, customizable and haptic Gradient Button component for React Native

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
181
Weekly Downloads
232
Last Commit
10mos ago
rg

rn-gradients

A 100% JS solution to adding linear and radial gradients to your React Native projects.

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
7
Weekly Downloads
2
Last Commit
3yrs ago