Dotted Modern

Hero section with a dotted radial-grid background, animated open-source badge, gradient headline and call-to-action buttons.

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

import DottedModern from "@/components/ui/dotted-modern";

export default function Default() {
  return (
    <div className="h-[600px] w-full">
      <DottedModern />
    </div>
  );
}