DEV Community

Cover image for Making the kube.io Liquid Glass demo actually usable. (with JS modules)
wings
wings

Posted on

Making the kube.io Liquid Glass demo actually usable. (with JS modules)

Repo: https://github.com/winaviation/liquid-web

Some of you might've read this blog post by @kube. If you haven't, basically, he achieved Liquid (Gl)ass approximation and replicated it using web tech. However, it is only a demo, only stays in his blog post and nowhere else.

So, with the core logic being the same as the React TS implementation in the kube.io website source, I've made JS modules that can be imported to any HTML page, allowing you to use the stunning Liquid Glass components present in the blog post in your own website (only if... you liked Liquid Glass).

I also would like some feedback from you guys: improvement tips, performance fixes, etc. The performance currently is pretty toast if you are using big sized Liquid Glass components on low-end/med-end hardware also.

Top comments (0)