{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"energy-orb","type":"registry:item","title":"Globe","description":"The original layered FBM energy sphere with translucent rim glow and depth-aware star field.","files":[{"path":"snippets/energy-orb.tsx","content":"import { GlobeCollection } 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 GlobeCollectionExample() {\n  return (\n    <div style={{ width: \"100%\", aspectRatio: \"16 / 9\" }}>\n      <GlobeCollection />\n    </div>\n  );\n}\n","type":"registry:file","target":"~/snippets/energy-orb.tsx"}],"docs":"## 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\nAll optional. The defaults below are what the snippet renders.\n\n| Prop            | Values      | Default |\n| --------------- | ----------- | ------- |\n| `speed`         | 0 to 3      | `1`     |\n| `scale`         | 0.5 to 1.8  | `1`     |\n| `smokeScale`    | 0.35 to 2.5 | `1`     |\n| `smokeStrength` | 0 to 2      | `1`     |\n| `smokeSpeed`    | 0 to 2.5    | `1`     |\n| `hue`           | -180 to 180 | `0`     |\n| `saturation`    | 0 to 2      | `1`     |\n| `glow`          | 0 to 2      | `1`     |\n| `starDensity`   | 0 to 2      | `1`     |\n| `starSpeed`     | 0 to 2      | `1`     |\n| `starSize`      | 0.25 to 2   | `1`     |\n| `brightness`    | 0.4 to 2    | `1`     |\n| `opacity`       | 0.1 to 1    | `1`     |\n\n`className` passes through to the root element.\n","author":"mengto","dependencies":["@designcodeio/threeui"]}