Mountain Scene

A dynamic 3D mountain landscape built with Three.js and React. The terrain is generated using layered Perlin noise for natural undulations, rendered as a solid surface (no wireframe gaps). Interactive point lighting follows mouse movement, creating a vivid, immersive environment with fresnel highlights and animated displacement.

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

import React, { Suspense } from "react";
import GenerativeMountainScene from "@/components/ui/mountain-scene";

export default function DemoOne() {
  return (
    <main className="relative w-full h-screen bg-[#0f172a] overflow-hidden text-slate-100">
      <Suspense fallback={<div className="w-full h-full bg-[#0f172a]" />}>
        <GenerativeMountainScene />
      </Suspense>
    </main>
  );
}