Skip to content

Add Liquid Glass Components to awesome-html-in-canvas - #75

Open
JohnDeved wants to merge 2 commits into
GoogleChromeLabs:mainfrom
JohnDeved:add-liquid-glass-components
Open

Add Liquid Glass Components to awesome-html-in-canvas#75
JohnDeved wants to merge 2 commits into
GoogleChromeLabs:mainfrom
JohnDeved:add-liquid-glass-components

Conversation

@JohnDeved

Copy link
Copy Markdown

Adds Liquid Glass Components to the awesome-html-in-canvas list.

A take on Apple's Liquid Glass switch and slider in the browser. The thumb refracts live page content underneath it in real time, using HTML-in-Canvas to sample the page into a WebGL texture and a small GLSL shader to bend it through the glass shape.

Live: https://hic-liquid-glass.pages.dev
Source: https://github.com/JohnDeved/hic-liquid-glass

Liquid Glass switch demo

@google-cla

google-cla Bot commented May 24, 2026

Copy link
Copy Markdown

Thanks for your pull request! It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

View this failed invocation of the CLA check for more information.

For the most up to date status, view the checks section at the bottom of the pull request.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant