Make your windows vibrant.
https://github.com/tauri-apps/window-vibrancy.git
Make your windows vibrant.
[!Tip]
If you're usingtauri@v1, you need to use version0.4of this crate.
use window_vibrancy::{apply_blur, apply_vibrancy, NSVisualEffectMaterial};
#[cfg(target_os = "macos")]
apply_vibrancy(&window, NSVisualEffectMaterial::HudWindow, None, None).expect("Unsupported platform! 'apply_vibrancy' is only supported on macOS");
#[cfg(target_os = "windows")]
apply_blur(&window, Some((18, 18, 18, 125))).expect("Unsupported platform! 'apply_blur' is only supported on Windows");
if you are using tauri, don't forget to:
html, body { background: transparent } see index.html#L12"windows": [ { "transparent": true } ] see tauri.conf.json#L57"macOSPrivateApi": true see tauri.conf.json#L49examples/tauri.
| Function | Supported platforms | Notes |
|---|---|---|
apply_blur&clear_blur | Windows 7/10/11 (22H1 only) | Bad performance when resizing/dragging the window on Windows 11 build 22621+. |
apply_acrylic&clear_acrylic | Windows 10/11 | Bad performance when resizing/dragging the window on Windows 10 v1903+ and Windows 11 build 22000. |
apply_mica&clear_mica | Windows 11 | |
apply_vibrancy&clear_vibrancy | macOS 10.10 and newer |
| applyblur | applyacrylic | applymica | applyvibrancy |
|---|---|---|---|
![]() | ![]() | ![]() | ![]() |