danilofiumi/liquid-glass-svelte ? reverse-engineered prompt
Reverse engineered prompt
Build me a Svelte based liquid glass component that makes a button or small UI card look like Apple’s new Liquid Glass style on the web.
I want it to feel more alive than regular glassmorphism, with real looking fluid distortion, soft lighting, depth, and support for both light and dark backgrounds. It should work as a reusable web component that I can drop into any site, even plain HTML, and control with a simple JSON style prop for things like roundness, padding, text, font, and accent color.
Please make it easy to preview and tweak in a little playground page, and include a simple example like a “Glassify” button. Keep it responsive, layered correctly, and make sure it still looks good when there are other elements behind it. If you need to check current browser support or best practices for filters, look up the latest docs online.
Are you gonna build this?
make sure you review the code using coderabbit