React Native Nitro Gradients

High-performance gradient components for React Native, built with Nitro Modules ⚡

Features

• 🎨 Three gradient types - Linear, Radial, and Sweep gradients
• 🔮 Built-in blur - Gaussian blur on any gradient via the blur prop
• 🎭 First-class Reanimated support - Use shared values as gradient props

Installation

npm install react-native-nitro-gradients
npm install react-native-nitro-modules react-native-reanimated
cd ios && pod install

Requires React Native 0.78.0+ with New Architecture enabled

Quick Example

import { LinearGradient } from 'react-native-nitro-gradients';

function App() {
  return (
    <LinearGradient
      colors={['#667eea', '#764ba2']}
      start={{ x: 0, y: 0 }}
      end={{ x: '100%', y: '100%' }}
      style={{ width: 200, height: 200 }}
    />
  );
}

Documentation

📖 Read the full documentation

• Installation Guide
• Linear Gradient
• Radial Gradient
• Sweep Gradient
• Animations with Reanimated

License

MIT