Landscape

A sandboxed Three.js procedural terrain scene with seven time-of-day and weather presets (sunrise, noon, sunset, night, rain, storm, snow) embedded via an iframe.

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

import LandscapeScene from "@/components/ui/landscape";

export default function LandscapeNoonDemo() {
  return (
    <div className="shader-frame h-[480px] w-full overflow-hidden rounded-lg border border-border bg-background">
      <LandscapeScene variant="noon" className="h-full w-full" />
    </div>
  );
}