{"repo":"koirodev/liquid-web","free":true,"listed":false,"github":"https://github.com/koirodev/liquid-web","clone":"git clone https://github.com/koirodev/liquid-web.git","description":"Modern JavaScript library for easy creation of Liquid Glass effect for Vue, React, Vanilla JS","language":"JavaScript","stars":29,"topics":["apple","css","html","liquid-glass","liquid-glass-effect","liquid-web","react","ui-components","vanilla-javascript","vue"],"license":"MIT","category":"ui-components","readme_excerpt":"Liquid Web Liquid Web is a modern JavaScript library for easy creation of Apple liquid glass effect for Vue, React, Vanilla JS Simply plug it into your project and get a modern liquid glass effect. Go to the website see it in action and customize your Liquid Glass effect! Table of Contents - Installation - Usage - VanillaJS example - Vue example - React example - Options - Events - Static Methods - My other works Installation or connect via CDN: Usage VanillaJS example Vue example React example Options Option Type Default Description ------------- ------------------------------------------------ ---------- ------------------------------------------------- el? string \\ HTMLElement - Element selector to apply liquid effect. init? boolean true Whether to initialize the effect on load. scale? number 22 Changes the intensity of the displacement effect. blur? number \\ string 2 Changes the intensity of the blur effect. saturation? number \\ string 170 Changes the intensity of the saturation effect. aberration? number 50 Changes the intensity of the aberration effect. mode? 'standard' \\ 'polar' \\ 'prominent' \\ 'shader' standard Toggles the glass effect. on? LiquidWebEventListeners - Event listeners for the liquid effect. events? LiquidWebEventListeners - Event listeners for the liquid effect. onAny? LiquidWebEventCallback - Callback for any event. Events LiquidWeb has a lot of useful events that you can listen to. Events can be assigned in two ways: 1. Using on parameter on initializa","default_branch":null,"files":null,"tree":[],"storefront":"/r/koirodev","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/koirodev/liquid-web/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."}