React Native Particle Background

Simple particle background written 100% in React Native

Installation

Run: npm install react-native-particle-background or yarn add react-native-particle-background

Usage

import React from "react";
import { View, StyleSheet } from "react-native";
import ParticleBackground from "react-native-particle-background";
 
const App = () => {
  return (
    <View style={styles.container}>
      <ParticleBackground
        particleColor="#rgba(0, 255, 34,0.2)"
        particleSize={8}
        particleDispersion={32}
        backgroundColor="black"
      />
    </View>
  );
};
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    backgroundColor: "#ecf0f1"
  }
});
 
export default App;

Result

Todo

• Publish in npm 🥳
• Prop validation
• Enhance documentation
• Enhance performance (keeping pure react native :D)