blue meshy background

Heroes 379

About

bg for components meshy blue gredient with darker effect

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds blue meshy background to your project and fits it to your theme.

Code

How blue meshy background is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import  WavyBackground   from "@/components/ui/blue-meshy-background";

export default function DemoOne() {
   return (
    <WavyBackground className="flex min-h-screen items-center justify-center">
  <div className="z-10 space-y-4 text-center lg:space-y-6">
  <h4 className="text-3xl lg:text-4xl font-extrabold text-white drop-shadow-xl tracking-wide">
  Turning Ideas Into Impact
  </h4>
  <button className="px-6 py-3 text-lg font-semibold text-blue-900 bg-white rounded-xl shadow-lg hover:scale-105 hover:shadow-xl transition-all duration-300">
    Start Your Journey
  </button>
</div>

    </WavyBackground>
  );
}