Components
Loading preview...
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.
@dhiluxui
npx shadcn@latest add https://21st.dev/r/dhileepkumargm/mountain-sceneimport 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>
);
}