{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"landscape-storm","type":"registry:item","title":"Storm","description":"A dense sideways downpour over sunset light, with close fog and multi-stroke lightning flashes.","files":[{"path":"snippets/landscape-storm.tsx","content":"import { LandscapeScene } from \"@designcodeio/threeui\";\nimport \"@designcodeio/threeui/style.css\";\n\n// The component fills its parent, so the parent is what gives it a size.\nexport function LandscapeSceneExample() {\n  return (\n    <div style={{ width: \"100%\", aspectRatio: \"16 / 9\" }}>\n      <LandscapeScene variant=\"storm\" />\n    </div>\n  );\n}\n","type":"registry:file","target":"~/snippets/landscape-storm.tsx"}],"docs":"## Files to copy\n\nThe page is loaded from `/landscape.html` on your own domain, so that file has to be\nsomewhere the app serves static files from: `public/` in Vite and Next, `static/` in\nSvelteKit.\n\n```bash\ncp node_modules/@designcodeio/threeui/lib-dist/assets/landscape.html public/\n```\n\nWithout it the component renders an empty box.\n\n## Size\n\nThe component is 100% of its parent's width and height and has no size of its own, so a\nparent with no height renders nothing. A box at a 16 to 9 ratio suits it.\n\n## Props\n\nThis item is `LandscapeScene` with `variant=\"storm\"`. The other settings are separate\nitems in this collection, and the snippet sets this one for you.\n\nNo visual options on this one.\n\n`sourceUrl` sets where the runtime files are loaded from, for serving them at a path of\nyour own.\n\n`className` passes through to the root element.\n","author":"mengto","dependencies":["@designcodeio/threeui"]}