FrancinildoAlvelim/react-native-particle-background


React-native Background Particle

Language: JavaScript

Keywords: animation, particles, react, react-native, reactjs



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)

Project Statistics

Sourcerank 3
Repository Size 11.7 KB
Stars 4
Forks 1
Watchers 2
Open issues 0
Dependencies 0
Contributors 1
Tags 0
Created
Last updated
Last pushed

Top Contributors See all

Francinildo Alves de Lima

Packages Referencing this Repo

react-native-particle-background
<h1 align="center"> <img src="https://res.cloudinary.com/francinildo/image/upload/v1568660959/G...
Latest release 1.0.0 - Published - 4 stars

Something wrong with this page? Make a suggestion

Last synced: 2019-09-18 18:17:03 UTC

Login to resync this repository