Interactive Particle Canvas - Copy this Html, Bootstrap Component to your project

Create an interactive particle animation that responds to scrolling. At the start, display particles floating freely. As the user scrolls, the particles should gradually morph into structured shapes (e.g., words, icons) before dissolving back to free floating particles. Ensure smooth transitions and responsiveness. Use ReactJS with Tailwind CSS for layout and interactivity, leveraging Canvas API or WebGL for rendering particles efficiently.