Native Springs Shaders
npm install @native-springs/shadersHigh-performance native shader effects for React Native and Expo. Transform your UI with GPU-accelerated visual effects including ripples, glitch distortions, liquid effects, aurora overlays, fireworks, and more.
https://github.com/user-attachments/assets/584ff7a4-4c98-472f-9ec0-1120a8b534e6
- Native Performance: Metal (iOS) and OpenGL (Android) implementations
- 10 Visual Effects: 3 content shaders + 7 overlay effects, more to come in the near future
- TypeScript Support: Full type definitions included
- Expo Compatible: Works with managed and bare Expo projects
| Effect | Description |
|--------|-------------|
| RippleShader | Touch-responsive water ripples |
| GlitchShader | Digital glitch effects |
| LiquidDistortionShader | Liquid warping effects |
| Effect | Description |
|--------|-------------|
| AuroraOverlay | Northern lights effect |
| FireSparksOverlay | Fire particles |
| FireworksOverlay | Firework explosions |
| LightRayOverlay | Volumetric light rays |
| LiquidMetalOverlay | Chrome metallic border |
| NeonOverlay | Glowing neon border |
| SparklesOverlay | Twinkling particles |
``bash`
npm install @native-springs/shaders
Run pod install:
`bash`
npx pod-install
No additional configuration required.
Check out the example app for interactive demos of all effects with adjustable parameters.
`bash``
cd example
npm install
npx expo run:ios # or run:android
- Expo SDK 51+
- iOS 15.1+
- Android API 24+
MIT
Some effects may have different licenses. See the documentation for each effect for details.