{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "hair", "title": "Hair", "description": "A hair follicle in a cut-away plug of scalp, from an original OrganUI schematic model: 14 selectable structures and 3 named views. Model licensed CC0 1.0.", "registryDependencies": [ "@organui/organ-viewer" ], "files": [ { "path": "registry/base-nova/hair/hair.tsx", "content": "import {\n OrganViewer,\n type OrganModel,\n type OrganViewerProps,\n} from \"@/components/organ-viewer\"\n\n// An original schematic hair follicle generated by\n// packages/registry/scripts/models/hair-and-nails.ts. The GLB is hosted by\n// organui.com under CC0 1.0; see attribution.source.\nexport const hairModel: OrganModel = {\n name: \"Hair\",\n src: \"https://organui.com/models/hair.glb\",\n bytes: 1219940,\n defaultView: \"Cut-away\",\n views: [\n {\n name: \"Cut-away\",\n direction: [1, 0.45, 1],\n },\n {\n name: \"Hair bulb\",\n direction: [1, 0.2, 1],\n structureIds: [\"hair-matrix\", \"dermal-papilla\", \"papilla-vessels\"],\n },\n {\n name: \"Surface\",\n direction: [0.35, 1, 0.6],\n },\n ],\n structures: [\n {\n id: \"medulla\",\n label: \"Medulla\",\n group: \"Hair shaft\",\n color: \"#e8d7b4\",\n description:\n \"The loose, sometimes absent core of a thick hair. Its cells and air spaces scatter light, so it changes how a hair looks more than how strong it is.\",\n },\n {\n id: \"cortex\",\n label: \"Cortex\",\n group: \"Hair shaft\",\n color: \"#6b4a33\",\n description:\n \"The bulk of the hair shaft: long keratin-filled cells that give hair its strength and stretch. Melanin granules here set the hair's colour.\",\n },\n {\n id: \"cuticle\",\n label: \"Cuticle\",\n group: \"Hair shaft\",\n color: \"#a8875f\",\n description:\n \"Overlapping flat cells that wrap the shaft like roof tiles, pointing towards the tip. A smooth cuticle makes hair shine and protects the cortex.\",\n },\n {\n id: \"inner-root-sheath\",\n label: \"Inner root sheath\",\n group: \"Root sheaths\",\n color: \"#c9a3c9\",\n description:\n \"A layer that grows up with the hair from the bulb and moulds the shaft. It interlocks with the hair cuticle and breaks down at the level of the sebaceous gland.\",\n },\n {\n id: \"outer-root-sheath\",\n label: \"Outer root sheath\",\n group: \"Root sheaths\",\n color: \"#e2b49a\",\n description:\n \"The downward continuation of the epidermis that lines the follicle. Its bulge, near the arrector pili attachment, holds the stem cells that regrow hair.\",\n },\n {\n id: \"connective-tissue-sheath\",\n label: \"Connective tissue sheath\",\n group: \"Root sheaths\",\n color: \"#b98a7c\",\n description:\n \"A fibrous sleeve of dermis around the whole follicle, separated from the outer root sheath by a thick basement membrane, the glassy membrane.\",\n },\n {\n id: \"hair-matrix\",\n label: \"Hair matrix\",\n group: \"Hair bulb\",\n color: \"#8f5a3c\",\n description:\n \"Rapidly dividing cells in the hair bulb that produce the hair shaft and inner root sheath. Melanocytes among them pass pigment to the new hair.\",\n },\n {\n id: \"dermal-papilla\",\n label: \"Dermal papilla\",\n group: \"Hair bulb\",\n color: \"#d77f86\",\n description:\n \"A knob of specialised connective tissue cupped by the bulb. It signals the matrix to grow and carries the capillaries that feed it.\",\n },\n {\n id: \"papilla-vessels\",\n label: \"Papilla capillaries\",\n group: \"Hair bulb\",\n color: \"#c2463e\",\n description:\n \"A capillary loop that rises into the dermal papilla and supplies the growing matrix, one of the most active tissues in the body.\",\n },\n {\n id: \"sebaceous-gland\",\n label: \"Sebaceous gland\",\n group: \"Follicle appendages\",\n color: \"#a7b56b\",\n description:\n \"Lobed glands that empty sebum into the upper follicle through a short duct. Sebum coats the hair and skin and helps keep them supple.\",\n },\n {\n id: \"arrector-pili\",\n label: \"Arrector pili muscle\",\n group: \"Follicle appendages\",\n color: \"#b3525a\",\n description:\n \"A band of smooth muscle from the follicle's bulge to the upper dermis. Cold or fear makes it contract, standing the hair up as goosebumps.\",\n },\n {\n id: \"epidermis\",\n label: \"Epidermis\",\n group: \"Surrounding skin\",\n color: \"#d9a586\",\n description:\n \"The outer layer of the skin. It dips down around the hair to form the follicle opening and continues as the outer root sheath.\",\n },\n {\n id: \"dermis\",\n label: \"Dermis\",\n group: \"Surrounding skin\",\n color: \"#e8b9ae\",\n description:\n \"The connective tissue layer that houses the follicle, its gland and muscle. Long scalp follicles reach through it into the fat below.\",\n },\n {\n id: \"hypodermis\",\n label: \"Hypodermis\",\n group: \"Surrounding skin\",\n color: \"#ecd496\",\n description:\n \"The fatty layer beneath the dermis. The bulbs of actively growing scalp hairs sit at its upper edge.\",\n },\n ],\n attribution: {\n credit:\n \"OrganUI hair follicle schematic model, dedicated to the public domain under CC0 1.0\",\n license: \"CC0 1.0\",\n licenseUrl: \"https://creativecommons.org/publicdomain/zero/1.0/\",\n source:\n \"https://github.com/organui/organui/blob/master/apps/web/public/models/hair.ATTRIBUTION.md\",\n },\n}\n\nexport type HairProps = Omit\n\nexport function Hair(props: HairProps) {\n return \n}\n", "type": "registry:component" } ], "docs": "Hair docs: https://organui.com/docs/components/hair. The model is licensed CC0 1.0 (https://creativecommons.org/publicdomain/zero/1.0/); keep the viewer's credit visible.", "categories": [ "organ", "integumentary" ], "type": "registry:component" }