---
title: Glassmorphism
axis: style
url: https://gui.farm/styles/glassmorphism
count: 13
---

# Glassmorphism

Frosted translucency, blur, and layered depth.

## What it is

Glassmorphism uses background blur and semi-transparent panels to float content in translucent layers. It creates depth and focus, popularised by iOS and Windows.

## When to use

Overlays, cards, and hero areas over rich imagery where a sense of depth and lightness helps.

## When not to

Text-heavy or low-end contexts — blur is costly to render and can hurt legibility.

## 13 examples

- [Kona Pacific KP 176 - Live Flight, SFO to Honolulu](https://gui.farm/ios/kona-pacific-kp-176-live-flight-sfo-to-honolulu.md)
- [Harbour Championship - Promotion Race Table](https://gui.farm/ios/harbour-championship-promotion-race-table.md)
- [Blockside - Elm Street Bike Lane Poll](https://gui.farm/ios/blockside-elm-street-bike-lane-poll.md)
- [Ledgerline — August Envelopes](https://gui.farm/ios/ledgerline-august-envelopes.md)
- [Meridian Wallet — Swap USDC to ETH](https://gui.farm/android/meridian-wallet-swap-usdc-to-eth.md)
- [Roan Supply — The Halden Weekender Reviews](https://gui.farm/android/roan-supply-the-halden-weekender-reviews.md)
- [Sable — Savings Goals](https://gui.farm/android/sable-savings-goals.md)
- [Nokthom Thai — Order on its way](https://gui.farm/android/nokthom-thai-order-on-its-way.md)
- [Meridian Freight - Live Feed](https://gui.farm/ios/meridian-freight-live-feed.md)
- [Neon Meridian — Slow Static (Lyrics)](https://gui.farm/android/neon-meridian-slow-static-lyrics.md)
- [Halcyon — Cinema Seat Selection](https://gui.farm/ios/halcyon-cinema-seat-selection.md)
- [Cargoloop — Live Freight](https://gui.farm/android/cargoloop-live-freight.md)
- [Haven — Smart Home (Liquid Glass)](https://gui.farm/ios/haven-smart-home-glassmorphism-dashboard-ios.md)