{"_id":"@specy/liquid-glass-react","_rev":"12-815d5cc87647e4acc8e839abe249cf61","name":"@specy/liquid-glass-react","dist-tags":{"latest":"1.0.2"},"versions":{"0.0.1":{"name":"@specy/liquid-glass-react","version":"0.0.1","keywords":["react","three.js","glass-effect","morphing","animation","webgl","ui-component","liquid-glass","react-component"],"author":{"name":"Specy"},"license":"MIT","_id":"@specy/liquid-glass-react@0.0.1","maintainers":[{"name":"specy.dev","email":"specy.dev@gmail.com"}],"homepage":"https://github.com/Specy/liquid-glass#readme","bugs":{"url":"https://github.com/Specy/liquid-glass/issues"},"dist":{"shasum":"eed18d3013b7646358fa5b07211659cd580d2174","tarball":"https://registry.npmjs.org/@specy/liquid-glass-react/-/liquid-glass-react-0.0.1.tgz","fileCount":8,"integrity":"sha512-4jpzKs5BELVgXPlMnlDXxpquKopnHnKdwPrQ7rF1ENbdkljvERRtc5gbCxoqdA1lr5Qery/O6bx6HMJHv+fSrQ==","signatures":[{"sig":"MEYCIQD8HA1GBCF075IOFUXzMhnozEK/hCEhqvGXbhFaSThzLwIhAPcgXYp3o3TP9yJg5P2BHOH2cZvFPTiOINAQgLoqtjQu","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6812155},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"b154629cf9cc4705759bf8226c05371b24cd324f","scripts":{"dev":"tsup --watch","build":"tsup","build:watch":"tsup --watch"},"_npmUser":{"name":"specy.dev","actor":{"name":"specy.dev","type":"user","email":"specy.dev@gmail.com"},"email":"specy.dev@gmail.com"},"repository":{"url":"git+https://github.com/Specy/liquid-glass.git","type":"git"},"_npmVersion":"11.2.0","description":"React component for @specy/liquid-glass - A Three.js powered library to make apple's liquid with glass effect","directories":{},"_nodeVersion":"23.10.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"~5.8.3","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@specy/liquid-glass":"^1.11.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-react_0.0.1_1750191326464_0.08095541279161567","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@specy/liquid-glass-react","version":"0.0.2","keywords":["react","three.js","glass-effect","morphing","animation","webgl","ui-component","liquid-glass","react-component"],"author":{"name":"Specy"},"license":"MIT","_id":"@specy/liquid-glass-react@0.0.2","maintainers":[{"name":"specy.dev","email":"specy.dev@gmail.com"}],"homepage":"https://github.com/Specy/liquid-glass#readme","bugs":{"url":"https://github.com/Specy/liquid-glass/issues"},"dist":{"shasum":"c582c674a8e2c74ab5a701c5b31a6dcee16491a9","tarball":"https://registry.npmjs.org/@specy/liquid-glass-react/-/liquid-glass-react-0.0.2.tgz","fileCount":8,"integrity":"sha512-WAAfO+pyJ9A1AWBcULAK5bMflsPcrzofp03whks7uZqj/c56LpDG1bzSiUZIVKVHJk0WeEMrdUDIK/whXCswTw==","signatures":[{"sig":"MEUCIQDYMtO0g84pQv+RQGQJm678hFPHrTgRlGWW+OBpz4AyNgIgIsfXXcHPkRe4Us0Ak51FwTLLm90AgWbwuWgkMMESqjQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6811393},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"b154629cf9cc4705759bf8226c05371b24cd324f","scripts":{"dev":"tsup --watch","build":"tsup","build:watch":"tsup --watch"},"_npmUser":{"name":"specy.dev","actor":{"name":"specy.dev","type":"user","email":"specy.dev@gmail.com"},"email":"specy.dev@gmail.com"},"repository":{"url":"git+https://github.com/Specy/liquid-glass.git","type":"git"},"_npmVersion":"11.2.0","description":"React component for @specy/liquid-glass - A Three.js powered library to make apple's liquid with glass effect","directories":{},"_nodeVersion":"23.10.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"~5.8.3","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@specy/liquid-glass":"^1.11.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-react_0.0.2_1750192715574_0.5582745567964493","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@specy/liquid-glass-react","version":"0.0.3","keywords":["react","three.js","glass-effect","morphing","animation","webgl","ui-component","liquid-glass","react-component"],"author":{"name":"Specy"},"license":"MIT","_id":"@specy/liquid-glass-react@0.0.3","maintainers":[{"name":"specy.dev","email":"specy.dev@gmail.com"}],"homepage":"https://github.com/Specy/liquid-glass#readme","bugs":{"url":"https://github.com/Specy/liquid-glass/issues"},"dist":{"shasum":"5c5f632775faf587bf5a0f36322a7f0c9f6a4a3f","tarball":"https://registry.npmjs.org/@specy/liquid-glass-react/-/liquid-glass-react-0.0.3.tgz","fileCount":8,"integrity":"sha512-ZCCRxvakRyd+C6ZAifjl0cCbxDLaIwbfrlGWiYZdfZh1z7n/BM9cXxsnwfo/Kcmhfbw4mVMP8a/ZqZNZDnQBkA==","signatures":[{"sig":"MEUCIQCncNisDw2BJc2DhYWtu4p5dTukbxzrF4vp18yuhe3T1AIgWMUjezQM1zbAsVnK8qlDKsvlVwjcmxdzdKXUjNqa5h8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6813263},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"b154629cf9cc4705759bf8226c05371b24cd324f","scripts":{"dev":"tsup --watch","build":"tsup","build:watch":"tsup --watch"},"_npmUser":{"name":"specy.dev","actor":{"name":"specy.dev","type":"user","email":"specy.dev@gmail.com"},"email":"specy.dev@gmail.com"},"repository":{"url":"git+https://github.com/Specy/liquid-glass.git","type":"git"},"_npmVersion":"11.2.0","description":"React component for @specy/liquid-glass - A Three.js powered library to make apple's liquid with glass effect","directories":{},"_nodeVersion":"23.10.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"~5.8.3","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@specy/liquid-glass":"^1.11.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-react_0.0.3_1750193111810_0.0036863821177448575","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@specy/liquid-glass-react","version":"0.0.4","keywords":["react","three.js","glass-effect","morphing","animation","webgl","ui-component","liquid-glass","react-component"],"author":{"name":"Specy"},"license":"MIT","_id":"@specy/liquid-glass-react@0.0.4","maintainers":[{"name":"specy.dev","email":"specy.dev@gmail.com"}],"homepage":"https://github.com/Specy/liquid-glass#readme","bugs":{"url":"https://github.com/Specy/liquid-glass/issues"},"dist":{"shasum":"ebe2f45f466ff48df162240ac3fbd4bc874d625d","tarball":"https://registry.npmjs.org/@specy/liquid-glass-react/-/liquid-glass-react-0.0.4.tgz","fileCount":8,"integrity":"sha512-eJVGj726m5O767EyFksqP2mVja13MSlmmunCmmTw4BgdioZcHkm4Qxvewabq8BoVqBsR5ONjnN3Qp+KqVKwumA==","signatures":[{"sig":"MEUCIQCs9WpLRckmaV4Nz1XSmhUjsdzdirbyNksvOdFmuf7xTAIgEUaEnvmYcjQstYrBjljmJoT0ki7ENIfnSUeWtYsdo6Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6815347},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"b154629cf9cc4705759bf8226c05371b24cd324f","scripts":{"dev":"tsup --watch","build":"tsup","build:watch":"tsup --watch"},"_npmUser":{"name":"specy.dev","actor":{"name":"specy.dev","type":"user","email":"specy.dev@gmail.com"},"email":"specy.dev@gmail.com"},"repository":{"url":"git+https://github.com/Specy/liquid-glass.git","type":"git"},"_npmVersion":"11.2.0","description":"React component for @specy/liquid-glass - A Three.js powered library to make apple's liquid with glass effect","directories":{},"_nodeVersion":"23.10.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"~5.8.3","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@specy/liquid-glass":"^1.11.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-react_0.0.4_1750193560167_0.6095708089151157","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@specy/liquid-glass-react","version":"0.0.5","keywords":["react","three.js","glass-effect","morphing","animation","webgl","ui-component","liquid-glass","react-component"],"author":{"name":"Specy"},"license":"MIT","_id":"@specy/liquid-glass-react@0.0.5","maintainers":[{"name":"specy.dev","email":"specy.dev@gmail.com"}],"homepage":"https://github.com/Specy/liquid-glass#readme","bugs":{"url":"https://github.com/Specy/liquid-glass/issues"},"dist":{"shasum":"1d3c93338046afebc356e4e12d6870e8814dbefa","tarball":"https://registry.npmjs.org/@specy/liquid-glass-react/-/liquid-glass-react-0.0.5.tgz","fileCount":8,"integrity":"sha512-OkfvO1PORgWYV3MeFt1M4vfAJmQWv6XM1cRN/qLs7F+xR5hKXMvBoJW4EBHZ/Fpf6w4iKaAvIputRyFIFnCIKA==","signatures":[{"sig":"MEUCIDun+Ay/z/f8ICOIas/kQkuz/yowMxAjRse2FhQGk34FAiEA2z7ewx8R6QX8f4e855dMMx8OROT5V0CXuPkr/96TsYQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6815692},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"b154629cf9cc4705759bf8226c05371b24cd324f","scripts":{"dev":"tsup --watch","build":"tsup","build:watch":"tsup --watch"},"_npmUser":{"name":"specy.dev","actor":{"name":"specy.dev","type":"user","email":"specy.dev@gmail.com"},"email":"specy.dev@gmail.com"},"repository":{"url":"git+https://github.com/Specy/liquid-glass.git","type":"git"},"_npmVersion":"11.2.0","description":"React component for @specy/liquid-glass - A Three.js powered library to make apple's liquid with glass effect","directories":{},"_nodeVersion":"23.10.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"~5.8.3","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@specy/liquid-glass":"^1.11.3"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-react_0.0.5_1750194297194_0.7987949036475206","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@specy/liquid-glass-react","version":"0.0.6","keywords":["react","three.js","glass-effect","morphing","animation","webgl","ui-component","liquid-glass","react-component"],"author":{"name":"Specy"},"license":"MIT","_id":"@specy/liquid-glass-react@0.0.6","maintainers":[{"name":"specy.dev","email":"specy.dev@gmail.com"}],"homepage":"https://github.com/Specy/liquid-glass#readme","bugs":{"url":"https://github.com/Specy/liquid-glass/issues"},"dist":{"shasum":"201638c21d895c08178602531335c85cb14369d4","tarball":"https://registry.npmjs.org/@specy/liquid-glass-react/-/liquid-glass-react-0.0.6.tgz","fileCount":8,"integrity":"sha512-vdr5a0y/JBG9AyxzKIOK4elp1geRGqdzjXfuilkjifG56SNLKsUHmOre7E8ZIPuieb/j5wsDerPPqUZ+gQ3W1g==","signatures":[{"sig":"MEYCIQCxSJyIu+vXgWqicggN5D5HuUrhsQ8879DR55bsGnuauAIhAPrcgs0oYOJC57yGofwaYJT0Vd/K8MKoigRjP6jPPUld","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6816644},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"b154629cf9cc4705759bf8226c05371b24cd324f","scripts":{"dev":"tsup --watch","build":"tsup","build:watch":"tsup --watch"},"_npmUser":{"name":"specy.dev","actor":{"name":"specy.dev","type":"user","email":"specy.dev@gmail.com"},"email":"specy.dev@gmail.com"},"repository":{"url":"git+https://github.com/Specy/liquid-glass.git","type":"git"},"_npmVersion":"11.2.0","description":"React component for @specy/liquid-glass - A Three.js powered library to make apple's liquid with glass effect","directories":{},"_nodeVersion":"23.10.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"~5.8.3","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@specy/liquid-glass":"^1.11.4"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-react_0.0.6_1750194596550_0.8728848340250701","host":"s3://npm-registry-packages-npm-production"}},"0.0.7":{"name":"@specy/liquid-glass-react","version":"0.0.7","keywords":["react","three.js","glass-effect","morphing","animation","webgl","ui-component","liquid-glass","react-component"],"author":{"name":"Specy"},"license":"MIT","_id":"@specy/liquid-glass-react@0.0.7","maintainers":[{"name":"specy.dev","email":"specy.dev@gmail.com"}],"homepage":"https://github.com/Specy/liquid-glass#readme","bugs":{"url":"https://github.com/Specy/liquid-glass/issues"},"dist":{"shasum":"70890f2ce6bbe54f02dcdba58b9d62f1abc72651","tarball":"https://registry.npmjs.org/@specy/liquid-glass-react/-/liquid-glass-react-0.0.7.tgz","fileCount":8,"integrity":"sha512-d2cik4G17emTagCNzKPwveQ+3O2q7h/hHqCMqVPh2C0ICrFdfWPuCk8rc57L/628V5RlIh5L0AY+l3C8CV8PqA==","signatures":[{"sig":"MEYCIQD/3Rds2nTRZWb9Gwl8oambNJaTkNmU4ABEMsSpjzJDzQIhAJ3mMWOtI5YB2Qkh7D7oROKW1sIJpbfIW3HMj7RaLN66","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6816712},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"b154629cf9cc4705759bf8226c05371b24cd324f","scripts":{"dev":"tsup --watch","build":"tsup","build:watch":"tsup --watch"},"_npmUser":{"name":"specy.dev","actor":{"name":"specy.dev","type":"user","email":"specy.dev@gmail.com"},"email":"specy.dev@gmail.com"},"repository":{"url":"git+https://github.com/Specy/liquid-glass.git","type":"git"},"_npmVersion":"11.2.0","description":"React component for @specy/liquid-glass - A Three.js powered library to make apple's liquid with glass effect","directories":{},"_nodeVersion":"23.10.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"~5.8.3","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@specy/liquid-glass":"^1.11.5"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-react_0.0.7_1750194813122_0.8289936415306975","host":"s3://npm-registry-packages-npm-production"}},"0.1.0":{"name":"@specy/liquid-glass-react","version":"0.1.0","keywords":["react","three.js","glass-effect","morphing","animation","webgl","ui-component","liquid-glass","react-component"],"author":{"name":"Specy"},"license":"MIT","_id":"@specy/liquid-glass-react@0.1.0","maintainers":[{"name":"specy.dev","email":"specy.dev@gmail.com"}],"homepage":"https://github.com/Specy/liquid-glass#readme","bugs":{"url":"https://github.com/Specy/liquid-glass/issues"},"dist":{"shasum":"9f12ef9155162f64d46d1cea14919fdbba9313ad","tarball":"https://registry.npmjs.org/@specy/liquid-glass-react/-/liquid-glass-react-0.1.0.tgz","fileCount":8,"integrity":"sha512-rqx46xGnCl6t1yfscNdyTvQYiYZbrpKDvAy2joAEs5U6SMuNbVg13YIs6fplxJwtap0exMfFVpcJ25nI+hBD9A==","signatures":[{"sig":"MEQCIBiL4YJ1/mEmeZ9M5q4CXBKMs2dg/iiV4XXQWzCsElCTAiAY2XzUj3qVUl9t/iVrjNA0ueaYpGHnZu/mcdXhoOzglw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6816332},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"b154629cf9cc4705759bf8226c05371b24cd324f","scripts":{"dev":"tsup --watch","build":"tsup","build:watch":"tsup --watch"},"_npmUser":{"name":"specy.dev","actor":{"name":"specy.dev","type":"user","email":"specy.dev@gmail.com"},"email":"specy.dev@gmail.com"},"repository":{"url":"git+https://github.com/Specy/liquid-glass.git","type":"git"},"_npmVersion":"11.2.0","description":"React component for @specy/liquid-glass - A Three.js powered library to make apple's liquid with glass effect","directories":{},"_nodeVersion":"23.10.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"~5.8.3","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@specy/liquid-glass":"^1.11.6"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-react_0.1.0_1750196872361_0.4802484215620906","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@specy/liquid-glass-react","version":"0.1.1","keywords":["react","three.js","glass-effect","morphing","animation","webgl","ui-component","liquid-glass","react-component"],"author":{"name":"Specy"},"license":"MIT","_id":"@specy/liquid-glass-react@0.1.1","maintainers":[{"name":"specy.dev","email":"specy.dev@gmail.com"}],"homepage":"https://github.com/Specy/liquid-glass#readme","bugs":{"url":"https://github.com/Specy/liquid-glass/issues"},"dist":{"shasum":"5cf9198d18622499899d27ea686f912cabdfce73","tarball":"https://registry.npmjs.org/@specy/liquid-glass-react/-/liquid-glass-react-0.1.1.tgz","fileCount":8,"integrity":"sha512-Ecvv/jasRSWve0iHX9gdB7t37elZSTutfH4GKZqIxdHKN9N0Y0UArHgd3MfgMOv5uctDlrW2As0cg9LZT+YXSg==","signatures":[{"sig":"MEUCIC5vsCeU4pLnQ+wPP2XFAvPBf7BMADoqrKz3DYy48qfrAiEA47kS6JUXWQXeSLnTvQr40VXPmYykHT+SGY8y7POO3q0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6817170},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"b154629cf9cc4705759bf8226c05371b24cd324f","scripts":{"dev":"tsup --watch","build":"tsup","build:watch":"tsup --watch"},"_npmUser":{"name":"specy.dev","actor":{"name":"specy.dev","type":"user","email":"specy.dev@gmail.com"},"email":"specy.dev@gmail.com"},"repository":{"url":"git+https://github.com/Specy/liquid-glass.git","type":"git"},"_npmVersion":"11.2.0","description":"React component for @specy/liquid-glass - A Three.js powered library to make apple's liquid with glass effect","directories":{},"_nodeVersion":"23.10.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"~5.8.3","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@specy/liquid-glass":"^1.11.7"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-react_0.1.1_1750197203522_0.6347212390712866","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@specy/liquid-glass-react","version":"1.0.0","keywords":["react","three.js","glass-effect","morphing","animation","webgl","ui-component","liquid-glass","react-component"],"author":{"name":"Specy"},"license":"MIT","_id":"@specy/liquid-glass-react@1.0.0","maintainers":[{"name":"specy.dev","email":"specy.dev@gmail.com"}],"homepage":"https://github.com/Specy/liquid-glass#readme","bugs":{"url":"https://github.com/Specy/liquid-glass/issues"},"dist":{"shasum":"1ae74fac903ae2c00f87579fcb3ffcafe286b1f2","tarball":"https://registry.npmjs.org/@specy/liquid-glass-react/-/liquid-glass-react-1.0.0.tgz","fileCount":8,"integrity":"sha512-Nd6yVDoBCiwEJa33bbzzMV8+oj8WZB7MZPmPE9/KbTMEMGuB6FVRAUEEhJFagtf1qSuNPGaqP19eiAOqF430xw==","signatures":[{"sig":"MEQCIFyu3uBCljgTYjROcoaYrMvwqcv/fIuV4aJs/4hH4/T3AiBSXdWPZJIP1ta7P5Z3AWDKG/M1ephlIAciDd++vsf3Mw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6817362},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"b154629cf9cc4705759bf8226c05371b24cd324f","scripts":{"dev":"tsup --watch","build":"tsup","build:watch":"tsup --watch"},"_npmUser":{"name":"specy.dev","actor":{"name":"specy.dev","type":"user","email":"specy.dev@gmail.com"},"email":"specy.dev@gmail.com"},"repository":{"url":"git+https://github.com/Specy/liquid-glass.git","type":"git"},"_npmVersion":"11.2.0","description":"React component for @specy/liquid-glass - A Three.js powered library to make apple's liquid with glass effect","directories":{},"_nodeVersion":"23.10.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"~5.8.3","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@specy/liquid-glass":"^1.11.8"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-react_1.0.0_1750202817298_0.729929131992834","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@specy/liquid-glass-react","version":"1.0.1","keywords":["react","three.js","glass-effect","morphing","animation","webgl","ui-component","liquid-glass","react-component"],"author":{"name":"Specy"},"license":"MIT","_id":"@specy/liquid-glass-react@1.0.1","maintainers":[{"name":"specy.dev","email":"specy.dev@gmail.com"}],"homepage":"https://github.com/Specy/liquid-glass#readme","bugs":{"url":"https://github.com/Specy/liquid-glass/issues"},"dist":{"shasum":"d3fe3dd78d73eeba67c15aff2f383aca17e95b4e","tarball":"https://registry.npmjs.org/@specy/liquid-glass-react/-/liquid-glass-react-1.0.1.tgz","fileCount":8,"integrity":"sha512-l5Y5ppu4pW72563KJ/pidcLaz6HVmloDdTgBeMR8PbFa34ZpqFpvTZS7HfKuiygBIuWh2bK9FCElXvuMR5pOQA==","signatures":[{"sig":"MEYCIQCS2GjM5eJe9Z66TZsfZTmcTG+ktJ89qrpfCnwH7gPTbQIhANwjc3uyq0SmAcy9FD7JCou998WfeYlp6yywAYYamJq2","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6821512},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"a0fa42ca85e3307c4ae30cbd360b1b747a330971","scripts":{"dev":"tsup --watch","build":"tsup","build:watch":"tsup --watch"},"_npmUser":{"name":"specy.dev","actor":{"name":"specy.dev","type":"user","email":"specy.dev@gmail.com"},"email":"specy.dev@gmail.com"},"repository":{"url":"git+https://github.com/Specy/liquid-glass.git","type":"git"},"_npmVersion":"11.2.0","description":"React component for @specy/liquid-glass - A Three.js powered library to make apple's liquid with glass effect","directories":{},"_nodeVersion":"23.10.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"~5.8.3","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@specy/liquid-glass":"^1.12.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-react_1.0.1_1750448906857_0.42671414868109037","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@specy/liquid-glass-react","version":"1.0.2","description":"React component for @specy/liquid-glass - A Three.js powered library to make apple's liquid with glass effect","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"keywords":["react","three.js","glass-effect","morphing","animation","webgl","ui-component","liquid-glass","react-component"],"author":{"name":"Specy"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Specy/liquid-glass.git"},"type":"module","scripts":{"build":"tsup","build:watch":"tsup --watch","dev":"tsup --watch"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"devDependencies":{"@specy/liquid-glass":"^1.12.1","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","react":"^18.3.1","react-dom":"^18.3.1","tsup":"^8.5.0","typescript":"~5.8.3"},"_id":"@specy/liquid-glass-react@1.0.2","gitHead":"a0fa42ca85e3307c4ae30cbd360b1b747a330971","bugs":{"url":"https://github.com/Specy/liquid-glass/issues"},"homepage":"https://github.com/Specy/liquid-glass#readme","_nodeVersion":"23.10.0","_npmVersion":"11.2.0","dist":{"integrity":"sha512-n4TNVMucCLBmZrc/94580eX9CMYQHFpK9ScDYvdnegnMndNKIpYzKHFZqE1N28X9jn4Hxz6L4r4c2VeXm6dJLg==","shasum":"2b199c9e2bce2be53d49290225a76182adf1ae65","tarball":"https://registry.npmjs.org/@specy/liquid-glass-react/-/liquid-glass-react-1.0.2.tgz","fileCount":8,"unpackedSize":6831498,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIApWQ+ynOD5ehVW3Q/cx0U9YQXEBYzc7EJ+ri4Jgn2umAiEA0sCzKJsEOvIuzMDSRds9kJCB6Auapk3jcasNCk3s3p4="}]},"_npmUser":{"name":"specy.dev","email":"specy.dev@gmail.com","actor":{"name":"specy.dev","email":"specy.dev@gmail.com","type":"user"}},"directories":{},"maintainers":[{"name":"specy.dev","email":"specy.dev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/liquid-glass-react_1.0.2_1750451657480_0.9335180162164283"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-17T20:15:26.379Z","modified":"2025-06-20T20:34:17.829Z","0.0.1":"2025-06-17T20:15:26.715Z","0.0.2":"2025-06-17T20:38:35.800Z","0.0.3":"2025-06-17T20:45:12.084Z","0.0.4":"2025-06-17T20:52:40.444Z","0.0.5":"2025-06-17T21:04:57.469Z","0.0.6":"2025-06-17T21:09:56.799Z","0.0.7":"2025-06-17T21:13:33.368Z","0.1.0":"2025-06-17T21:47:52.615Z","0.1.1":"2025-06-17T21:53:23.785Z","1.0.0":"2025-06-17T23:26:57.532Z","1.0.1":"2025-06-20T19:48:27.108Z","1.0.2":"2025-06-20T20:34:17.662Z"},"bugs":{"url":"https://github.com/Specy/liquid-glass/issues"},"author":{"name":"Specy"},"license":"MIT","homepage":"https://github.com/Specy/liquid-glass#readme","keywords":["react","three.js","glass-effect","morphing","animation","webgl","ui-component","liquid-glass","react-component"],"repository":{"type":"git","url":"git+https://github.com/Specy/liquid-glass.git"},"description":"React component for @specy/liquid-glass - A Three.js powered library to make apple's liquid with glass effect","maintainers":[{"name":"specy.dev","email":"specy.dev@gmail.com"}],"readme":"# @specy/liquid-glass-react\r\n\r\nReact wrapper for [@specy/liquid-glass](https://github.com/Specy/liquid-glass) - A Three.js powered glass effect component that recreates apple's liquid glass .\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @specy/liquid-glass-react\r\n```\r\n\r\n## Basic Usage\r\n\r\nInitialization is expensive, try to minimize re-renders and unnecessary unmouts.\r\n\r\nThe component does it's best to track the position of the target element in the page and update the effect, but it cannot track the `top` or `left` etc.. position changes, if you update them, you should call the `forceUpdate` method on the ref to re-render the effect, or use the `renderKey` prop to force a re-render when needed.\r\n\r\n```tsx\r\nimport React, { useMemo } from 'react';\r\nimport { LiquidGlass } from '@specy/liquid-glass-react';\r\n\r\nfunction App() {\r\n  // ⚠️ IMPORTANT: Memoize the glassStyle object to prevent unnecessary re-renders\r\n  const glassStyle = useMemo(() => ({\r\n    depth: 0.5,\r\n    segments: 32,\r\n    radius: 0.2,\r\n    roughness: 0.1,\r\n    transmission: 1,\r\n    reflectivity: 0.5,\r\n    ior: 1.5,\r\n    dispersion: 0.1,\r\n    thickness: 0.5\r\n  }), []);\r\n\r\n  return (\r\n    <LiquidGlass\r\n      glassStyle={glassStyle}\r\n      wrapperStyle={{\r\n        position: 'fixed',\r\n        bottom: 0,\r\n        left: 0,\r\n        right: 0,\r\n        width: 'fit-content',\\\r\n        margin: '0 auto',\r\n      }}\r\n      style={`padding: 1rem;`}\r\n    >\r\n      <div>\r\n        <h1>Hello World!</h1>\r\n        <p>This content is rendered inside the liquid glass effect.</p>\r\n      </div>\r\n    </LiquidGlass>\r\n  );\r\n}\r\n```\r\n\r\n## Advanced Usage with Ref\r\n\r\n```tsx\r\nimport React, { useRef, useMemo, useCallback } from \"react\"\r\nimport { LiquidGlass, type LiquidGlassRef } from \"@specy/liquid-glass-react\"\r\n\r\nfunction AdvancedExample() {\r\n\tconst glassRef = useRef<LiquidGlassRef>(null)\r\n\r\n\t// ⚠️ IMPORTANT: Memoize all objects and callbacks\r\n\tconst glassStyle = useMemo(\r\n\t\t() => ({\r\n\t\t\tdepth: 0.8,\r\n\t\t\tsegments: 64,\r\n\t\t\tradius: 0.3,\r\n\t\t\ttransmission: 0.95,\r\n\t\t\troughness: 0.05,\r\n\t\t}),\r\n\t\t[]\r\n\t)\r\n\r\n\tconst onReady = useCallback((instance) => {\r\n\t\tconsole.log(\"LiquidGlass instance ready:\", instance)\r\n\t}, [])\r\n\r\n\tconst handleUpdateScreenshot = useCallback(async () => {\r\n\t\tawait glassRef.current?.updateScreenshot()\r\n\t}, [])\r\n\r\n\tconst handleUpdateStyle = useCallback(() => {\r\n\t\tglassRef.current?.updateGlassStyle({\r\n\t\t\tdepth: Math.random(),\r\n\t\t\ttransmission: 0.8 + Math.random() * 0.2,\r\n\t\t})\r\n\t}, [])\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<LiquidGlass ref={glassRef} glassStyle={glassStyle} onReady={onReady}>\r\n\t\t\t\t<div style={{ padding: \"30px\" }}>\r\n\t\t\t\t\t<h2>Interactive Glass Effect</h2>\r\n\t\t\t\t\t<button onClick={handleUpdateScreenshot}>Update Screenshot</button>\r\n\t\t\t\t\t<button onClick={handleUpdateStyle}>Randomize Style</button>\r\n\t\t\t\t</div>\r\n\t\t\t</LiquidGlass>\r\n\t\t</div>\r\n\t)\r\n}\r\n```\r\n\r\n## Props\r\n\r\n| Prop            | Type                              | Default         | Description                                                         |\r\n| --------------- | --------------------------------- | --------------- | ------------------------------------------------------------------- |\r\n| `style`         | `string`                          | `''`            | Custom CSS styles to apply to the glass container                   |\r\n| `wrapperStyle`  | `React.CSSProperties`             | `{}`            | React CSS properties to apply to the wrapper div                    |\r\n| `glassStyle`    | `GlassStyle`                      | `{}`            | Glass material properties (see GlassStyle interface)                |\r\n| `children`      | `React.ReactNode`                 | `undefined`     | Content to render inside the glass container                        |\r\n| `onReady`       | `(instance: LiquidGlass) => void` | `undefined`     | Callback when the liquid glass instance is ready                    |\r\n| `targetElement` | `HTMLElement`                     | `document.body` | The target element to capture for the glass background effect       |\r\n| `renderKey`     | `string                           | number`         | Unique key to force re-render the component when changed (manually) |\r\n\r\n## GlassStyle Interface\r\n\r\n```tsx\r\ninterface GlassStyle {\r\n\tdepth?: number // Depth of the glass effect (0-1)\r\n\tsegments?: number // Number of geometry segments for smoothness\r\n\tradius?: number // Border radius (0-1)\r\n\ttint?: number | null // Color tint (hex number or null)\r\n\troughness?: number // Surface roughness (0-1)\r\n\ttransmission?: number // Light transmission (0-1)\r\n\treflectivity?: number // Surface reflectivity (0-1)\r\n\tior?: number // Index of refraction\r\n\tdispersion?: number // Chromatic dispersion effect\r\n\tthickness?: number // Glass thickness\r\n}\r\n```\r\n\r\n## Ref Methods\r\n\r\nThe component exposes several methods through the ref:\r\n\r\n```tsx\r\ninterface LiquidGlassRef {\r\n\tgetInstance(): LiquidGlass | null\r\n\tupdateScreenshot(): Promise<void>\r\n\tforceUpdate(): Promise<void>\r\n\tupdateGlassStyle(style: Partial<GlassStyle>): void\r\n\tgetGlassStyle(): Required<GlassStyle> | null\r\n\tgetElement(): HTMLElement | null\r\n\tgetContent(): HTMLDivElement | null\r\n  forcePositionUpdate(): void\r\n  forceSizeUpdate(): void\r\n}\r\n```\r\n\r\n## Contributing\r\n\r\nIssues and pull requests are welcome at the [main repository](https://github.com/Specy/liquid-glass).\r\n","readmeFilename":"README.md"}