{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"semantic-bloom","type":"registry:item","title":"Semantic Bloom","description":"A customizable Codex wordmark that draws a viscous particle organism toward its letters, illuminating the text as the network searches and reconnects.","files":[{"path":"snippets/semantic-bloom.tsx","content":"import { SemanticBloom } 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 SemanticBloomExample() {\n  return (\n    <div style={{ width: \"100%\", aspectRatio: \"16 / 9\" }}>\n      <SemanticBloom />\n    </div>\n  );\n}\n","type":"registry:file","target":"~/snippets/semantic-bloom.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| `mode`    | `dark`, `light`           | `dark`  |\n| `text`    | text, up to 72 characters | `Codex` |\n| `size`    | 0.55 to 1.6               | `1`     |\n| `opacity` | 0.1 to 1                  | `1`     |\n\n`className` and `style` pass through to the root element.\n","author":"mengto","dependencies":["@designcodeio/threeui"]}