mkj0kjay/vue-web-liquid-glass ? reverse-engineered prompt
Reverse engineered prompt
Build me a Vue 3 demo site for an Apple inspired liquid glass look, using modern web standards and no heavy UI library. I want the page to show off frosted translucent surfaces, realistic blur, subtle depth, refraction, and smooth motion, all done with CSS and SVG filters. Make it feel polished and experimental, not like a simple clone.
Include a few reusable glass components like a search box, a toggle switch, a slider, a bottom navigation bar, and some general glass panels or containers. Each one should look elegant, respond nicely to interaction, and be easy to reuse in other Vue projects. Please keep it lightweight and make the visuals work well in Chrome, and if you need current implementation details or best practices, look them up online. Also make the demo easy to run locally and nice to browse so I can explore the different effects side by side.
Are you gonna build this?
make sure you review the code using arcumet