This project replicates the "Dynamic Island" animation from Apple's Translate app, optimized for the web. Built with React Three Fiber, GLSL, and Framer Motion, it uses WebGL to create smooth, interactive animations while maintaining performance across devices. The project is designed to be responsive and provides insights into using custom shaders and Framer Motion for web animations.
- Install with
npm run install - Run the demo with
npm run dev - Build it with
npm run build