An interactive halftone wave animation built with React, Canvas API, and Next.js.
About · How to Use · Tech · Features · Author
Halftone Waves is an interactive animation that creates mesmerizing wave patterns using halftone dots. The animation responds to the canvas size and creates dynamic, flowing patterns that evolve over time.
- Simply load the page to see the animation in action
- The animation automatically adjusts to your screen size
- Watch as the halftone dots create wave-like patterns that ripple across your screen
- React & Next.js
- HTML Canvas API for rendering
- Tailwind CSS for styling
- requestAnimationFrame for smooth animations
- Real-time halftone wave animation
- Responsive design that adapts to any screen size
- Dynamic dot sizing based on wave patterns
- Smooth animation with fade effect
- Optimized performance
- Chris Tate (@ctatedev)