High-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.
Shaders.Demo.mp4
- 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 |
npm install @native-springs/shadersRun pod install:
npx pod-installNo additional configuration required.
Check out the example app for interactive demos of all effects with adjustable parameters.
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.