[GH-ISSUE #23] [BUG] - Very laggy UI #20

Closed
opened 2026-03-03 00:07:07 +03:00 by kerem · 2 comments
Owner

Originally created by @ashton-jiffy on GitHub (Oct 14, 2025).
Original GitHub issue: https://github.com/binimum/tidal-ui/issues/23

I’m used the site earlier on today and it’s slow and laggy. Even scrolling down is even more lagger. I use Firefox for the browser

Originally created by @ashton-jiffy on GitHub (Oct 14, 2025). Original GitHub issue: https://github.com/binimum/tidal-ui/issues/23 I’m used the site earlier on today and it’s slow and laggy. Even scrolling down is even more lagger. I use Firefox for the browser
kerem 2026-03-03 00:07:07 +03:00
  • closed this issue
  • added the
    duplicate
    label
Author
Owner

@sliipkat commented on GitHub (Oct 14, 2025):

I'm experiencing the same issue on Firefox. The UI is very laggy for me, especially when scrolling.

It seems to be caused by the new UI effects. The main culprits are likely the .dynamic-background element and the heavy use of backdrop-filter for the glassmorphism effect.

As a temporary workaround, I'm using the Stylus browser extension to apply some custom CSS that disables these performance-heavy effects. The site becomes perfectly smooth and responsive again.

@-moz-document domain("music.binimum.org") {
/* 1. Remove the animated gradient and noise background that causes lag */
    .dynamic-background {
        display: none !important;
    }

    /* 2. Set a solid dark background for the entire page */
    body, .app-root {
        background: #0f172a !important;
    }

    /* 3. Remove the "glassmorphism" effect (backdrop-filter) and shadows */
    .glass-panel, .glass-button, .search-glass, .audio-player-glass,
    .glass-popover, .glass-option, .glass-action {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background-color: #1e293b !important;
        box-shadow: none !important;
        border: 1px solid #334155 !important;
    }
    
    /* Keep selected options visually distinct */
    .glass-option.is-active, .glass-option__chip.is-active {
        background-color: #2563eb !important;
        border-color: #3b82f6 !important;
    }
   
}
<!-- gh-comment-id:3402601365 --> @sliipkat commented on GitHub (Oct 14, 2025): I'm experiencing the same issue on Firefox. The UI is very laggy for me, especially when scrolling. It seems to be caused by the new UI effects. The main culprits are likely the .dynamic-background element and the heavy use of backdrop-filter for the glassmorphism effect. As a temporary workaround, I'm using the Stylus browser extension to apply some custom CSS that disables these performance-heavy effects. The site becomes perfectly smooth and responsive again. ```css @-moz-document domain("music.binimum.org") { /* 1. Remove the animated gradient and noise background that causes lag */ .dynamic-background { display: none !important; } /* 2. Set a solid dark background for the entire page */ body, .app-root { background: #0f172a !important; } /* 3. Remove the "glassmorphism" effect (backdrop-filter) and shadows */ .glass-panel, .glass-button, .search-glass, .audio-player-glass, .glass-popover, .glass-option, .glass-action { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background-color: #1e293b !important; box-shadow: none !important; border: 1px solid #334155 !important; } /* Keep selected options visually distinct */ .glass-option.is-active, .glass-option__chip.is-active { background-color: #2563eb !important; border-color: #3b82f6 !important; } } ```
Author
Owner

@IZA165 commented on GitHub (Oct 14, 2025):

I think an option to switch between the old black/grey theme and new theme would be good. DAB had a nice simple theme which ran great on any device (most importantly with no lag)

<!-- gh-comment-id:3403150023 --> @IZA165 commented on GitHub (Oct 14, 2025): I think an option to switch between the old black/grey theme and new theme would be good. DAB had a nice simple theme which ran great on any device (most importantly with no lag)
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/tidal-ui#20
No description provided.