LiquidStyle is a simple CSS/JS library that brings the iOS 26 Liquid Glass experience to the web. Get started quickly using the CDN and apply the liquid-glass class to your HTML elements.
Add the following lines to your HTML <head>:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/techlxrd/LiquidStyle/liquidstyle.css">
<script src="https://cdn.jsdelivr.net/gh/techlxrd/LiquidStyle/liquidstyle.js"></script>Apply the liquid-glass class to any HTML element and you're good to go:
<div class="liquid-glass">
This is a liquid glass element!
</div>You can use it on buttons, cards, sections, and everything.
Demo LiquidStyle
MIT