{"repo":"yurkagon/react-liquid-glass-svg","free":true,"listed":false,"github":"https://github.com/yurkagon/react-liquid-glass-svg","clone":"git clone https://github.com/yurkagon/react-liquid-glass-svg.git","description":"Apple liquid glass for React — pure SVG filters, no WebGL, no canvas. SSR-ready, ~2 KB gzip.","language":"TypeScript","stars":13,"topics":["apple","frosted-glass","glass-effect","glassmorphism","liquid-glass","liquid-glass-effect","nextjs","react","svg-filter","tailwind"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"react-liquid-glass-svg Apple liquid glass for React — pure SVG, zero shaders. ✨ Live demo · Examples · Playground · API --- 🚀 Why this and not the others? Most glass-effect packages rely on WebGL or canvas — heavy, SSR-hostile, and awkward inside normal DOM layouts. This one uses plain SVG filters ( feTurbulence + feDisplacementMap ) — no shaders, no heavy runtimes: That's the entire trick. No shaders. No canvas. No WebGL. 2 KB gzip. ✨ Features Feature Description -------------------------- --------------------------------------------------------------------------------------- 🪟 Apple liquid glass Real displacement-mapped refraction on Chromium/Firefox; noise+blur fallback on Safari. ⚡ 2 KB gzipped One file, zero runtime deps. Tree-shakable, sideEffects: false . 🧩 Polymorphic API , as=\"nav\" , as=\"article\" — semantics stay yours. 🎨 Tailwind-friendly Pass className . No clashes, no wrappers, no !important wars. 🔠 TypeScript-first Strict types, autocompleted props. Zero @types/ packages to install. 🌐 Cross-browser Full filter on Chromium/Firefox, graceful Safari/iOS fallback — automatic. 🔮 Next.js / SSR ready 'use client' baked in, hydration-safe by design. Zero config. 🍎 iOS glass border Opt-in inset highlights + specular sheen via glassBorder prop. 📦 Install Peer deps: react@ =18 , react-dom@ =18 . 🎬 Quick start Drop a colorful background behind it — gradient, image, video — and you'll see real refraction along the edges. 🌈 🧪 Examples All four examples below are li","default_branch":null,"files":null,"tree":[],"storefront":"/r/yurkagon","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/yurkagon/react-liquid-glass-svg/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}