A simple snow background effect for React Native CLI using Skia.
npm install react-native-snow-backgroudA simple snow background effect for React Native CLI using Skia.
This library renders a falling snow animation on a full-screen canvas with minimal setup.
It is designed to be lightweight, easy to understand, and suitable for learning or simple UI effects.
---
- React Native CLI
- React Native >= 0.72
- React >= 18
- @shopify/react-native-skia
Note: This library is intended for React Native CLI projects.
It may not work correctly in Expo environments.
---
``bash``
npm install react-native-snow-backgroud
npm install @shopify/react-native-skia
For iOS:
`bash`
cd ios && pod install
---
`tsx`
import './global.css';
import {View,Text} from 'react-native';
import { SnowView } from "react-native-snow-backgroud";
export default function App(){
return(
)
}
SnowView` renders a full-screen Skia canvas with falling snow particles.
---
| Name | Type | Default | Description |
| ----- | ------ | ------- | ----------------------------------------------- |
| count | number | 100 | Number of snow particles rendered on the screen |
| speed | number | 100 | The speed of snow falling on the screen |
---
* The default particle count is optimized for general usage.
* Increasing the particle count may affect performance on lower-end devices.
* Future versions may include rendering optimizations and additional effects.
---