skevy/react-native-linear-gradient

Analysis updated 2026-07-17 · repo last pushed 2015-08-10

Objective-CAudience · developerComplexity · 2/5DormantSetup · moderate

Mindmap

mindmap
  root((repo))
    What it does
      Gradient backgrounds
      Blends multiple colors
      Replaces flat colors
    Tech stack
      React Native
      Objective-C
      Xcode setup
    Use cases
      Gradient buttons
      Card backgrounds
      Hero sections
    Audience
      iOS React Native devs
      JS-only developers
    Customization
      Start and end points
      Color stops
      Animated gradients

mindmap root((repo)) What it does Gradient backgrounds Blends multiple colors Replaces flat colors Tech stack React Native Objective-C Xcode setup Use cases Gradient buttons Card backgrounds Hero sections Audience iOS React Native devs JS-only developers Customization Start and end points Color stops Animated gradients

What do people build with it?

USE CASE 1

Add a gradient background to a sign-in or call-to-action button.

USE CASE 2

Give a card or hero section a blended-color look instead of a flat fill.

USE CASE 3

Animate a gradient so its colors shift over time for a dynamic UI.

What is it built with?

React NativeObjective-CXcode

How does it compare?

	skevy/react-native-linear-gradient	adispring/mapios8	aonez/microsoftsurfacemacaudiofix
Language	Objective-C	Objective-C	Objective-C
Last pushed	2015-08-10	2014-12-11	2024-11-28
Maintenance	Dormant	Dormant	Stale
Setup difficulty	moderate	easy	moderate
Complexity	2/5	2/5	2/5
Audience	developer	developer	ops devops

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires manual Xcode project linking steps beyond a plain npm install.

Copy-paste prompts

Prompt 1

Show me how to install react-native-linear-gradient and set it up in an Xcode project.

Prompt 2

Write a React Native component using react-native-linear-gradient for a button with a blue-to-purple gradient.

Prompt 3

How do I control the start and end points of a gradient with react-native-linear-gradient?

Prompt 4

Help me animate the colors of a linear gradient in React Native using this library.

Frequently asked questions

What is react-native-linear-gradient?

A React Native component that adds smooth, blended color gradients to app backgrounds instead of flat colors.

What language is react-native-linear-gradient written in?

Mainly Objective-C. The stack also includes React Native, Objective-C, Xcode.

Is react-native-linear-gradient actively maintained?

Dormant — no commits in 2+ years (last push 2015-08-10).

How hard is react-native-linear-gradient to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is react-native-linear-gradient for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.