@liquid-glass-forge/react 0.1.0-rc.1 → 0.1.0-rc.2

package/README.md

@@ -1,8 +1,45 @@
-# Liquid Glass Forge React
+# <img src="https://raw.githubusercontent.com/namipsg/liquid-glass-forge/main/showcase/public/frameworks/react.svg" width="20" height="20" alt=""> @liquid-glass-forge/react
 
-Experimental preview. API and device/performance qualification remain open; iPad is unqualified.
+Integrate Forge scenes and glass surfaces into React.
 
-Experimental preview `0.1.0-rc.1`. Pinned peers: React and React DOM **19.3.1**.
+[Live showcase](https://namipsg.github.io/liquid-glass-forge/?framework=react#developers) · [Examples](https://namipsg.github.io/liquid-glass-forge/examples.html) · [Documentation](https://github.com/namipsg/liquid-glass-forge/blob/main/docs/PHASE-7.md) · [Support](https://namipsg.github.io/liquid-glass-forge/support.html)
+
+## Install in React
+
+```sh
+npm install @liquid-glass-forge/react@next @liquid-glass-forge/dom@next
+```
+
+The starter uses CSS glass and expects React and React DOM 19.3.1. Keep the Forge packages at matching versions.
+The [live installer](https://namipsg.github.io/liquid-glass-forge/?framework=react#developers)
+shows verified exact versions and has a copy button.
+
+[Open the React starter](https://github.com/namipsg/liquid-glass-forge/blob/main/docs/QUICKSTART.md#react) · [Add WebGL refraction](https://github.com/namipsg/liquid-glass-forge/blob/main/docs/QUICKSTART.md#react-with-webgl-refraction)
+
+### App.jsx
+
+```jsx
+'use client';
+
+import { GlassSurface } from '@liquid-glass-forge/react';
+import '@liquid-glass-forge/dom/styles.css';
+
+export default function App() {
+  return (
+    <main style={{ padding: 48, background: 'linear-gradient(130deg, #bde7ff, #8495ea)' }}>
+      <GlassSurface style={{ display: 'inline-block', padding: 16, borderRadius: 24 }}>
+        <button type="button">Continue</button>
+      </GlassSurface>
+    </main>
+  );
+}
+```
+
+[![A live glass lens bends the lettering beneath it](https://raw.githubusercontent.com/namipsg/liquid-glass-forge/main/docs/assets/glass-playground.gif)](https://namipsg.github.io/liquid-glass-forge/?framework=react#developers)
+
+## Usage
+
+Experimental preview `0.1.0-rc.2`. Pinned peers: React and React DOM **19.3.1**.
 Framework peers are imported, never bundled into this package. The ESM entry
 retains `use client` for Next.js client boundaries and has public JSX declarations.
 
@@ -25,5 +62,5 @@ material data attribute, `aria-hidden`, presentation role and negative tab index
 React owns both DOM nodes. Do not concurrently control canvas backing dimensions
 or draw into its context while mounted.
 
-See repository `docs/PHASE-7.md` for usage, Strict Mode ownership, exact Vite/Next
-consumer evidence and remaining integration limits. No registry package is published.
+See the [integration guide](https://github.com/namipsg/liquid-glass-forge/blob/main/docs/PHASE-7.md) for usage, Strict Mode ownership, exact Vite/Next
+consumer evidence and remaining integration limits.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liquid-glass-forge/react",
-  "version": "0.1.0-rc.1",
+  "version": "0.1.0-rc.2",
   "private": false,
   "type": "module",
   "sideEffects": false,
@@ -22,12 +22,13 @@
     "README.md"
   ],
   "dependencies": {
-    "@liquid-glass-forge/dom": "0.1.0-rc.1"
+    "@liquid-glass-forge/dom": "0.1.0-rc.2"
   },
   "peerDependencies": {
     "react": "19.3.1",
     "react-dom": "19.3.1"
   },
+  "homepage": "https://namipsg.github.io/liquid-glass-forge/?framework=react#developers",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/namipsg/liquid-glass-forge.git",