{"repo":"huozhi/vaso","free":true,"listed":false,"github":"https://github.com/huozhi/vaso","clone":"git clone https://github.com/huozhi/vaso.git","description":"Liquid Glass effect for React","language":"TypeScript","stars":341,"topics":["glass","liquid-glass","liquid-glass-effect","react"],"license":null,"category":"ui-components","readme_excerpt":"Vaso A beautiful liquid glass distortion effect component for React that creates stunning visual magnification and warping effects. Vaso is the React version of shuding's Liquid Glass implementation. Installation Quick Start API Reference Props Prop Type Default Range Description ------ ------ --------- ------- ------------- children React.ReactNode required - The content to render inside the glass (typically a transparent div for sizing) width number undefined - Explicit width of the glass element (overrides child element size) height number undefined - Explicit height of the glass element (overrides child element size) px number 0 0-100 Horizontal padding around the glass effect py number 0 0-100 Vertical padding around the glass effect radius number 0 0-∞ Border radius of the glass container depth number 0.4 -2.0 to 2.0 Distortion scale intensity (negative values create compression) Negative Values Support Vaso supports negative values for several parameters to create inverted effects: - depth ( -2.0 to 2.0 ): Negative values create compression instead of magnification Examples Basic Glass Effect Glass with Explicit Dimensions High Distortion Effect License MIT","default_branch":null,"files":null,"tree":[],"storefront":"/r/huozhi","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/huozhi/vaso/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."}