10 Best React Native Gradient Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

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
192K
Last Commit
3mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

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
5Easy to Use
4Great Documentation
4Buggy
GitHub Stars
6K
Weekly Downloads
375K
Last Commit
2mos ago
Bundle Size (min+gzip)
2.73KB
Tree-Shakeable

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
63K
Last Commit
3d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
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
65
Weekly Downloads
4K
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

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
166
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
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
31
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
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
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

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
180
Weekly Downloads
232
Last Commit
8mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

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
1K
Last Commit
1yr ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
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
4
Last Commit
3yrs ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable