{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "liquid-metal-skin", "type": "registry:item", "title": "Liquid metal skin pack", "description": "Polished metal skin with a WebGL shader control surface.", "docs": "Wire the pack CSS in app/globals.css after the Refined UI baseline imports: @import \"./refined-ui-skin-theme.css\"; @import \"./refined-ui-skin.css\"; Then stamp data-skin=\"liquid-metal\" on (or a container) to activate it — if the skin is toggled at runtime, apply the attribute in a pre-paint script to avoid a flash. See the Get started guide (Wire the CSS). Mount the pack's LiquidMetalSkinRuntime once in your root layout to enable the shader chrome.", "dependencies": ["metal-fx"], "registryDependencies": [], "files": [ { "path": "src/registry/contracts.ts", "target": "components/refined-ui/contracts.ts", "type": "registry:lib" }, { "path": "src/registry/skin.ts", "target": "components/refined-ui/skin.ts", "type": "registry:lib" }, { "path": "src/registry/skin-packs/liquid-metal/skin.config.tsx", "target": "components/refined-ui/skin.config.tsx", "type": "registry:lib" }, { "path": "src/registry/skin-packs/liquid-metal/liquid-metal-runtime.tsx", "target": "components/refined-ui/liquid-metal-runtime.tsx", "type": "registry:lib" }, { "path": "src/registry/skin-packs/liquid-metal/theme.css", "target": "app/refined-ui-skin-theme.css", "type": "registry:file" }, { "path": "src/registry/skin-packs/liquid-metal/skin.css", "target": "app/refined-ui-skin.css", "type": "registry:file" } ] }