whatisgithub

What is react-native-linear-gradient?

skevy/react-native-linear-gradient — explained in plain English

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

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

In one sentence

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

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

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

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-gradientkrausefx/eigenskevy/react-native-fbsdk
LanguageObjective-CObjective-CObjective-C
Last pushed2015-08-102017-02-182015-10-12
MaintenanceDormantDormantDormant
Setup difficultymoderatemoderate—
Complexity2/54/5—
Audiencedeveloperdeveloperdeveloper

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 → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.

What are similar repos?