Memorables

Glassmorphism & Liquid Glass

Glassmorphism & Liquid Glass across frosted interfaces, refractive components and glass icons.

Glassmorphism describes interface surfaces that look like frosted glass: translucent layers with blur that let the content behind show through. Apple’s Liquid Glass takes the idea further, with refraction and highlights that react to movement. Used with care, glass adds depth and hierarchy; overused, it hurts legibility. This page gathers glass components, icons, 3D renders and shader experiments, made in Framer, Three.js and Blender, by designers such as Benjamin den Boer, Szymon Pasternak and Fabio Sasso.

26 works by 19 creators, newest added 8 November 2026. Each is credited to the people who made it and links to the original.

All 26 Glassmorphism & Liquid Glass

  1. Tessel Brand Design by Sam Hox — Brand design for Tessel, a cell banking company storing young cells for future therapies, where 3D cells pack together with no gaps, an identity built on tessellation.
  2. Orbs for Retell by Bakers Studio — Brand motion for Retell AI, the platform for voice AI agents, built on frosted glass orbs, each holding a ribbon of orange light that curls and folds like a slow liquid.
  3. Imagine Comments by Andrey Rybin — An iOS micro-interaction prototype for comments, where a long-press offers Imagine and turns each reply into pictures, built with AI from a description of how it should feel.
  4. BrandAI Generative Branding by Ben Mingo — A generative branding system for BrandAI, where a molecule of clear glass spheres keeps rearranging itself and the camera dives inside, letting refraction carry the identity.
  5. X App Icons by Benji Taylor — A refresh of the alternate app icons for X, where the logo is reimagined in thirteen materials, from red Mars soil and moon dust to a starfield, coloured glass and brushed metal.
  6. Ribbed Glass Letter a by Fabio Sasso — A kinetic typography loop made in ascente, where a bold lowercase a breaks into ribbed glass strips with colour fringes, the kind of refraction effect once kept for motion designers.
  7. Liquid Glass Bubble Components by Cristian Javier — Open-source liquid glass UI components in light mode, a toggle, buttons and a slider treated as soap bubbles, so every press makes the glass swell, stretch or pop like the real thing.
  8. Radian Touch by Oleksii Besida — Radian, a Chromium browser for the Mac built around Apple’s features, driven by a finger on a MacBook Pro screen, a playful answer to Apple’s line that you’ve gotta touch it to believe it.
  9. Glass Edges Carousel by Marcelo Cedeno — A carousel UI animation with liquid glass edges, where capsule cards bend like liquid as they reach the top and bottom of the screen and refraction smears them into rainbow fringes.
  10. nothing.tech Noise Cancellation by s.engineering — A product page panel for Nothing’s Ear (a) earbuds on nothing.tech, explaining Adaptive ANC on a frosted card while a crowd blurs past behind it, then everything goes still.
  11. OpenPurpose® by s.engineering — A logo animation for the studio’s former identity, its wordmark sliding through a clear glass sphere that bends the letters at its edges, a loop of refraction in black on white.
  12. Orvo Sky Poster by Bakers Studio — A 3D render poster for Orvo, a computer in the cloud where AI coding agents keep working, whose frosted glass cube blurs the blocks inside it against a pale blue sky.
  13. Tumbling Glass Disc by Szymon Pasternak — A 3D render from a browser ray tracing tool built on Three.js, where a spectral path tracer on WebGPU follows violet light through a glass disc as it tumbles in a smooth loop.
  14. Framer Liquid Glass by Benjamin den Boer — Liquid Glass comes to the Framer editor, its sidebar of menus, tabs and search turned to refracting glass that bulges and fringes with colour under the cursor, then settles.
  15. Wabi Intro Sequence by Janum Trivedi — An onboarding animation for Wabi, the first personal software platform, where a custom glass shader turns the welcome screen into a lens that bends light before releasing the app icons.
  16. LookAway Orb by Kushagra Agarwal — A liquid glass UI animation for LookAway, a Mac app for screen breaks and posture, borrowing from the Siri orb and Apple Music’s ripples to rise from the dock as a soft bubble.
  17. Violet Glass Discs by Szymon Pasternak — A browser render from a spectral path tracer built on Three.js and WebGPU, glass discs cascading in violet light, real refraction with an AI denoiser and procedural scratches.
  18. Sixfold Logo Animation by Sam Hox — A logo animation for Sixfold in which a translucent blue glow trails around the wordmark and its flower-like symbol like light through glass, the language of its butterfly pieces.
  19. Sliced Glass Effect by Robert Matyas — A sliced glass effect made in After Effects, from a motion design tutorial: a numeral seen through sliding strips of fluted glass breaks into offset slices, then realigns.
  20. Apple Music Sound Logo by Apple — The new sound logo for Apple Music, where the music note spins out of its glass square and stretches into the wordmark, chromatic fringes of light fading as the letters settle.
  21. Frosted Glass Folder by Alex Barashkov — A 3D icon made in Blender to test progressive blur, a blue folder whose frosted glass front softens the panel behind it, then bulges and sharpens as the folder starts to open.
  22. Framer Dynamic Optimization by Benjamin den Boer — The launch film for Dynamic Optimization, which publishes Framer sites in seconds, a lightning bolt of blue glass that stays dark face-on and flares cyan when it turns into profile.
  23. Liquid Glass by Chan Karunamuni — Liquid Glass, Apple’s new design material for iOS, where buttons, sliders and menus behave like real glass, bending the light behind them and rippling like liquid under a fingertip.
  24. Matcha Colour Study by Nicole — A 3D colour study that renders one shade as a drink, iced matcha in a wobbly translucent glass with its swatch tag dipped in like a stirrer, a test of convincing glass, ice and liquid.
  25. Crystal Icon by Benjamin den Boer — A 3D glass icon that gives the terminal prompt, the most utilitarian symbol on a screen, a soft cloud shape, with light running through its refraction like water against a cyan sky.
  26. Framer Custom Fonts by Benjamin den Boer — A UI animation for Framer’s redesigned custom fonts, with typeface grouping, live previews and better variable font support, where a liquid glass lens magnifies each font as it passes.

Featuring work by

Benjamin den Boer, Sam Hox, Bakers Studio, s.engineering, Szymon Pasternak, Andrey Rybin, Ben Mingo, Benji Taylor, Fabio Sasso, Cristian Javier, Oleksii Besida, Marcelo Cedeno, Janum Trivedi, Kushagra Agarwal, Robert Matyas, Apple, Alex Barashkov, Chan Karunamuni, Nicole.

Related topics

Browse by category

Topics