Skip to content
React-native Background Particle
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
ParticleBackground
README.md

README.md


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)
You can’t perform that action at this time.