🫧 AnkiGlass: native macOS Liquid Glass for Anki

AnkiWeb addon 1866406123

Applies native macOS Liquid Glass material behind Anki's deck list, overview, toolbar, and reviewer, with configurable tints, plus an automatic frosted fallback on older macOS versions.
AI-generated summary; may contain mistakes.

appearance

Open on AnkiWeb GitHub Find alternatives

AnkiWeb

Votes
1 (πŸ‘ 1 Β· πŸ‘Ž 0)
Updated
2026-09-10
Anki versions
2.1.1~
License
AGPL-3.0 (from the GitHub repository)
Virus scan
No ClamAV match A match does not prove malware. No match does not prove that the code is safe.
Languages
Python, JSON
Description language
en

Maintenance

active

  • Last update or commit: 2026-09-10 (52 days before the snapshot).
  • Commits in the last year: 6.
  • Issues: 0 open, 0 closed.
  • Pull requests: 0 open, 0 merged.

Will it work on my Anki?

Version branches
Min AnkiMax AnkiUpdated
2.1.1+2026-09-10
History across monthly snapshots

Loading…

Similar addons

Change Font Size

Adjusts font size independently for the native UI, deck browser, card content, and editor through a validated config, applying changes immediately on Anki 26.08+.

appearanceaccessibilityfork-or-reupload

3 votes 44% approval πŸ‘ 3 Β· πŸ‘Ž 0 Anki 26.08.1~ Updated 2026-08-21
Clean UI for Anki

Transforms Anki's interface into a polished minimalist design with light and dark modes, restyling the deck browser, reviewer, overview screens, and native menus.

appearance

3 votes 44% approval πŸ‘ 3 Β· πŸ‘Ž 0 ⭐ 1 Anki 2.1.1~ Updated 2026-01-05

Description

AnkiGlass brings Apple's Liquid Glass material to Anki on macOS β€” a real AppKit NSGlassEffectView behind the deck list, deck overview, and reviewer, with frosted toolbar and bottom-bar controls and a theme-aware tint that reads consistently in light and dark mode.

Unlike a CSS-only "glass look", this uses the genuine system material, so it refracts and blurs your desktop and other windows behind Anki.

Screenshots

Screenshot 2026-09-06 at 10 06 39 Screenshot 2026-09-06 at 10 04 10

Requirements

  • macOS only. On Windows and Linux the add-on loads and does nothing.
  • macOS 26 (Tahoe) for true Liquid Glass. Older macOS falls back automatically to a vibrancy (frosted) effect.

Configuration β€” Tools β†’ Add-ons β†’ AnkiGlass β†’ Config: choose which screens get glass, whether the card area itself is glass, and the tint colour for light and dark mode. A runtime on/off toggle lives under Tools β†’ AnkiGlass.

Notes

  • The glass renders in a separate window behind a transparent main window, so mouse hover (e.g. AMBOSS pop-ups) keeps working normally.
  • If you use a tiling window manager, it may try to manage the glass window.

Source, issues, and updates: https://github.com/AIbrahimv2/AnkiGlass

README

AnkiGlass

Native macOS Liquid Glass for Anki. AnkiGlass gives Anki's main window a real AppKit NSGlassEffectView β€” the macOS 26 "Tahoe" glass material β€” behind the deck list, deck overview, and reviewer, with frosted toolbar and bottom-bar controls and a theme-aware tint.

macOS only. Best on macOS 26 (Tahoe) for true Liquid Glass; older macOS gets a vibrancy (frosted) fallback. On Windows and Linux the add-on does nothing.

Screenshots

Screenshot 2026-09-06 at 10 06 39 Screenshot 2026-09-06 at 10 07 04 Screenshot 2026-09-06 at 10 04 10

Install

  • From AnkiWeb: search for β€œAnkiGlass” in Tools β†’ Add-ons β†’ Get Add-ons.
  • From a build: run ./build.sh and double-click dist/anki-glass.ankiaddon, or in Anki use Tools β†’ Add-ons β†’ Install from file.

Restart Anki after installing.

Configuration

Tools β†’ Add-ons β†’ AnkiGlass β†’ Config. See src/config.md for each option. In short: choose which screens get glass, whether the card area itself is glass, and the tint colour for light and dark mode. A runtime toggle lives under Tools β†’ AnkiGlass.

How it works

Anki's UI is Qt/Chromium web views, not native AppKit controls, so AnkiGlass does not replace the widget engine. Instead it:

  1. Makes the main NSWindow transparent and requests an alpha surface format so Chromium clears its transparent regions cleanly (no ghosting).
  2. Hosts a real NSGlassEffectView in a borderless child window pinned behind the main window. The main window is never re-parented, so Qt keeps ownership of its own view and mouse hover (e.g. AMBOSS pop-ups) keeps working.
  3. Injects small, scoped CSS into Anki's toolbar, bottom bar, and card pages to make their backgrounds transparent and style the controls as frosted glass.

It talks to the Objective-C runtime through ctypes (see objc_bridge.py) β€” the same technique Anki itself uses for its bundled macOS helper β€” because Anki does not ship PyObjC.

Caveats

  • macOS 26 (Tahoe) is required for genuine Liquid Glass; earlier macOS shows a vibrancy fallback.
  • Tiling window managers may try to manage the child glass window; if the glass detaches on move/resize, that is the window manager, not Anki.
  • Some heavily customised note types paint their own full-card background; AnkiGlass neutralises canvas-sized backgrounds automatically, but very unusual templates may need glass_card set to false.

Development

  • Source lives in src/. Symlink or copy it into your Anki add-ons folder as anki_glass to test, then restart Anki.
  • ./build.sh packages src/ into dist/anki-glass.ankiaddon.

License

AGPL-3.0.