react-native-linear-gradient/react-native-linear-gradient

Health v2 · maintenance only

Flags: prerelease_only

Adoption not part of the score

4960 stars · 705 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

A React Native component that renders linear gradient backgrounds with configurable colors, start/end points, and animation support. It is a widely used, MIT-licensed UI library for adding gradient effects to mobile apps.

Use cases

• add a gradient background to a react native screen
• create gradient buttons in react native
• render horizontal or diagonal gradients on mobile
• animate gradient colors in a react native app
• apply gradient masks to text on iOS
• style react native login screens with gradients

When to choose

• you are building a React Native app and need linear gradient backgrounds or overlays
• you want a mature, well-maintained gradient component with broad platform support
• you need animated or directional gradients in mobile UI

When to avoid

• you are building a web-only app (use CSS gradients instead)
• you need radial or conic gradients rather than linear ones
• you are not using React Native

Facets

library · maturity stable

ui-components animation mobile-development frontend web-design cross-platform react-native linear-gradient gradients styling mobile ios android

Member repositories

For agents

markdown · JSON · MCP: product_card(name="react-native-linear-gradient/react-native-linear-gradient")