Iwo Plaza and Konrad Reczko are making a collection of fun UI elements.

80lv's platform is a resource for game developers and 3D artists, offering insights into game development techniques, industry trends, and visual effects (VFX). Through articles, interviews, and case studies, 80lv offers insights into 3D modeling, texturing, animation, and rendering. Developers and artists can learn about game engines, shader programming, and advanced rendering techniques to create immersive and visually stunning games and animations.

80 LEVEL

Developers Iwo Plaza and Konrad Reczko created interactive jelly-like UI components (a switch and slider) using TypeGPU, a TypeScript library that wraps the WebGPU API. The components leverage signed distance fields (SDFs) to achieve dynamic, jiggly animations, demonstrating creative possibilities for GPU-accelerated web interfaces.

Delicious Jelly Switch Made with TypeGPU

<h1>Demo Link: <a href="https://docs.swmansion.com/TypeGPU/examples/#example=rendering--jelly-switch" target="_blank" rel="noopener nofollow">https://docs.swmansion.com/TypeGPU/examples/#example=rendering--jelly-switch</a></h1>
<img src="https://media.daily.dev/image/upload/s--Zj83wZy---/f_auto/v1763542661/ugc/content_8e41afe5-210c-4a8f-a532-9a2d186c91b7?_a=BAMAK+ZW0" alt="image">

I toggled that button way more than I thought I would. incredibly satisfyingj.

WebGPU is not enabled/supported in this browser 😔

All hail the jelly switch! Finally a toggle that’s fun 🎉 man shaders are so cool.
Happy to see people working with them.

Slider is crazy!! Good job y’all!! That most have taken SO much work!! Love it!!