The SwiftUI Mesh Gradient abstraction for React
npm install @mesh-gradient/reactApple-inspired animated mesh gradient component for React applications. A React wrapper around the high-performance WebGL-powered mesh gradient library.
- 🔄 Smooth Animations - Hardware-accelerated WebGL transitions
- 🎨 Customizable Colors - Support for up to 4 colors simultaneously
- ⚡ Static Mode - Optimized mode for static gradients
- 📱 Responsive - Automatic pause when out of viewport
- 🚀 High Performance - WebGL hardware acceleration with smart optimizations
- 🛠️ TypeScript - Full type support out of the box
- ⚛️ React-First - Built specifically for React with hooks and components
- 📦 Lightweight - Minimal bundle size impact
Documentation website available here.
1. WebGL Requirement: This library requires WebGL support in the browser
2. Canvas Element: The component renders as a element
3. Automatic Cleanup: Memory cleanup is handled automatically
4. Performance: Use isStatic: true for non-animated gradients
``bashInstall dependencies
pnpm install
📦 Related Packages
@mesh-gradient/core - Core mesh gradient engine
- @mesh-gradient/docs` - Documentation siteContributions are welcome! Please see the contributing guide for details.
MIT © Mikhail Mogilnikov