Zum Inhalt
Fundament

Schaufenster

liquid-glass · 9 Sections

← zum Katalog

liquid-glass/glass-button

Liquid Glass button for React: glass, prominent, clear and clear-prominent capsules in four sizes, with a springy press.

alle · nicht_standard · freedesignmd · statisch · 2 Slots

Glass Button — ueberschrift (h2, 72 Zeichen)

Glass Button — vorspann (p, 240 Zeichen)

liquid-glass/glass-media-controls

Liquid Glass media controls over video: transport, scrubber and volume capsules, with the HIG 35% dimming layer.

alle · nicht_standard · freedesignmd · Insel · 2 Slots

Glass Media Controls — ueberschrift (h2, 72 Zeichen)

Glass Media Controls — vorspann (p, 240 Zeichen)

2:14−5:28

liquid-glass/glass-menu

Liquid Glass menu: a glass button that morphs into its dropdown menu and back on a spring, with full keyboard support.

alle · nicht_standard · freedesignmd · Insel · 2 Slots

Glass Menu — ueberschrift (h2, 72 Zeichen)

Glass Menu — vorspann (p, 240 Zeichen)

liquid-glass/glass-sheet

Liquid Glass bottom sheet with detents: content peeks around it, and it turns edge-to-edge and more opaque at full height.

alle · nicht_standard · freedesignmd · Insel · 2 Slots

Glass Sheet — ueberschrift (h2, 72 Zeichen)

Glass Sheet — vorspann (p, 240 Zeichen)

liquid-glass/glass-slider

Liquid Glass slider: the thumb becomes refracting glass while dragged, stretches with velocity and springs back to solid.

alle · nicht_standard · freedesignmd · Insel · 2 Slots

Glass Slider — ueberschrift (h2, 72 Zeichen)

Glass Slider — vorspann (p, 240 Zeichen)

liquid-glass/glass-tab-bar

iOS 26 style Liquid Glass tab bar: a lens springs between tabs, search sits apart, and the bar minimizes as you scroll.

alle · nicht_standard · freedesignmd · Insel · 2 Slots

Glass Tab Bar — ueberschrift (h2, 72 Zeichen)

Glass Tab Bar — vorspann (p, 240 Zeichen)

liquid-glass/glass-toggle

Liquid Glass toggle switch in the iOS 26 style: the knob swells into clear glass while pressed or dragged, then settles.

alle · nicht_standard · freedesignmd · Insel · 2 Slots

Glass Toggle — ueberschrift (h2, 72 Zeichen)

Glass Toggle — vorspann (p, 240 Zeichen)

liquid-glass/glass-toolbar

Liquid Glass toolbar for React: grouped controls with a sliding selection lens, labelled icons and a soft scroll-edge blur.

alle · nicht_standard · freedesignmd · Insel · 2 Slots

Glass Toolbar — ueberschrift (h2, 72 Zeichen)

Glass Toolbar — vorspann (p, 240 Zeichen)

liquid-glass/liquid-glass

Liquid Glass for React: a lens that refracts what is behind it, with squircle bevel, specular rim, dispersion and spring physics.

alle · nicht_standard · freedesignmd · Insel · 2 Slots

Liquid Glass — ueberschrift (h2, 72 Zeichen)

Liquid Glass — vorspann (p, 240 Zeichen)