Components
MeshWaveHero
The MeshWaveHero component is an elegant and dynamic background solution designed for modern web interfaces, particularly hero sections. It generates a field of points that subtly animate in flowing wave patterns, giving the impression of a three-dimensional mesh in motion. Nearby points are connected with faint lines, creating an abstract network that reacts smoothly over time, adding depth and visual interest without overwhelming the content in the foreground. The effect is highly customizable, allowing control over the number of points, animation speed, point size, line intensity, and resolution scale, making it suitable for both light and dark themes. Its minimal yet captivating design makes it perfect for enhancing the aesthetic appeal of landing pages, portfolios, and interactive applications.
Loading preview...
import MeshWaveHero from "@/components/ui/mesh-wave-hero";
export default function DemoOne() {
return <MeshWaveHero />;
}