Liquid Glass

Liquid Glass

a svelte 5 ui lib built on top of shadcn-svelte. components that look like they were pulled straight out of your iphone. includes elastic physics, specular highlights that adjust based on your cursor.

Explore Components
Thermostat

Your apartment is too hot. Let the card tell you.

Current Temp 24°C
Target Temp 16°C
Eco mode
Cloud storage

You're paying $2.99/mo for this.

drag this around 60% gone 💸
Docs 450 GB
Photos 680 GB
Shared 280 GB

Why does it look like that

Three things that you will probably see in the docs

Specular highlights

Border highlights that follow your cursor around and pretend to be light. its math. move your mouse over a card.

Jiggly slider

Sliders and switches that stretch when you fling them. drag it fast and let go. you'll see.

The depth stack thing

When a menu opens, the background blurs out. Looks very pretty!

Why is it named "Grgurevic UI"?

Because im Vigo Grgurević and i wanted to make a UI library.

wrap it up, wheres the code