Liquid glass UI
Fucntional aesthetics & creativity
With Markio Sergey
1h 23 min
Create a free website with Framer, the website builder loved by startups, designers and agencies.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 20" xmlns="http://www.w3.org/2000/svg"><path d="M 30.001 18.637 C 30.668 19.021 31.5 18.54 31.5 17.77 L 31.5 1.775 C 31.5 0.996 30.648 0.516 29.982 0.92 L 16.5 9.091 L 16.5 1.775 C 16.5 0.996 15.648 0.516 14.982 0.92 L 1.448 9.123 C 0.797 9.517 0.807 10.465 1.467 10.845 L 15.001 18.637 C 15.668 19.021 16.5 18.54 16.5 17.77 L 16.5 10.864 Z" fill="rgb(255, 255, 255)" height="19.5px" id="hlbJ_D8uM" width="31.5px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M 0 1.3 C 0 0.582 0.582 0 1.3 0 L 5.075 0 C 5.793 0 6.375 0.582 6.375 1.3 L 6.375 16.762 C 6.375 17.48 5.793 18.063 5.075 18.063 L 1.3 18.063 C 0.582 18.063 0 17.48 0 16.762 Z M 10.625 1.3 C 10.625 0.582 11.207 0 11.925 0 L 15.7 0 C 16.418 0 17 0.582 17 1.3 L 17 16.762 C 17 17.48 16.418 18.063 15.7 18.063 L 11.925 18.063 C 11.207 18.063 10.625 17.48 10.625 16.762 Z" fill="rgb(255, 255, 255)" height="18.0625px" id="eVsND1ZDb" transform="translate(2 1)" width="17px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 20" xmlns="http://www.w3.org/2000/svg"><path d="M 1.499 18.637 C 0.832 19.021 0 18.54 0 17.77 L 0 1.775 C 0 0.996 0.852 0.516 1.518 0.92 L 15 9.091 L 15 1.775 C 15 0.996 15.852 0.516 16.518 0.92 L 30.052 9.123 C 30.703 9.517 30.693 10.465 30.033 10.845 L 16.499 18.637 C 15.832 19.021 15 18.54 15 17.77 L 15 10.864 Z" fill="rgb(255, 255, 255)" height="19.5px" id="jJnhztqDj" width="31.5px"/></svg>)
