Liquid glass Animated HTML website template

The sample page

Waterpas. Money app for freelancers in Amsterdam.

The idea

Every euro you set aside becomes a drop of liquid glass that pinches off your payment and melts into its card.

What to try

Move your cursor over the app preview until the lens melts into the plates, then work out your VAT and income tax set-aside to watch the drop fall.

Made for

Apps, startups, finance and tech

Palette

• #0A0D14
• #1E2A3A
• #8FB8FF
• #DCE6F2
• #FFFFFF
• #FF9F6B

Typefaces

Onest

Cultural notes

• Original glass, shapes, and layout: no Apple icons, wallpapers, or controls.
• All text sits on solid panels with AA contrast; the glass only moves over the preview.
• Figures are labeled as examples with no promises; the calculator is a tool to stay organized, not tax advice.

The HTML

What you download

• A single index.html file with nothing to install: open it, swap in your brand and copy, and upload it to your hosting.
• In English and Spanish, tested on desktop and mobile.
• Instructions for changing copy, colors, language and prices, plus its license.