react-native-particle-background

<h1 align="center"> <img src="https://res.cloudinary.com/francinildo/image/upload/v1568660959/Grupo_1.png" /> </h1>


Keywords
react-native, react, reactjs, particle, animation, particles
License
ISC
Install
npm install react-native-particle-background@1.0.4

Documentation


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)