react-liquid-glass-svg 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -33,14 +33,14 @@ Most glass-effect packages rely on WebGL or canvas — heavy, SSR-hostile, and a
|
|
|
33
33
|
backdrop-filter: blur() ← softens the result
|
|
34
34
|
```
|
|
35
35
|
|
|
36
|
-
That's the entire trick. **No shaders. No canvas. No WebGL.** ~
|
|
36
|
+
That's the entire trick. **No shaders. No canvas. No WebGL.** ~2 KB gzip.
|
|
37
37
|
|
|
38
38
|
## ✨ Features
|
|
39
39
|
|
|
40
40
|
| | |
|
|
41
41
|
| -------------------------- | --------------------------------------------------------------------------------------- |
|
|
42
42
|
| 🪟 **Apple liquid glass** | Real displacement-mapped refraction on Chromium/Firefox; noise+blur fallback on Safari. |
|
|
43
|
-
| ⚡
|
|
43
|
+
| ⚡ **~2 KB gzipped** | One file, zero runtime deps. Tree-shakable, `sideEffects: false`. |
|
|
44
44
|
| 🧩 **Polymorphic API** | `<LiquidGlass as="button" />`, `as="nav"`, `as="article"` — semantics stay yours. |
|
|
45
45
|
| 🎨 **Tailwind-friendly** | Pass `className`. No clashes, no wrappers, no `!important` wars. |
|
|
46
46
|
| 🔠 **TypeScript-first** | Strict types, autocompleted props. Zero `@types/*` packages to install. |
|
|
@@ -252,7 +252,7 @@ The fallback path is automatic. The package detects Safari/iOS at runtime and sw
|
|
|
252
252
|
|
|
253
253
|
## ⚡ Performance
|
|
254
254
|
|
|
255
|
-
- **~
|
|
255
|
+
- **~2 KB gzipped** (ESM build, no peer deps counted)
|
|
256
256
|
- **Zero runtime deps**, only React/ReactDOM peer
|
|
257
257
|
- **Tree-shakable** (`sideEffects: false`)
|
|
258
258
|
- One `<svg>` per instance, no global pollution
|
package/package.json
CHANGED