glassmorphism-perf-fixer

What problem does it solve?

Glass UI with heavy backdrop-filter and layered shadows can cause scrolling jitter and reduced FPS on complex layouts.

Core Features & Use Cases

• Hardware acceleration checks: ensure moving glass elements use GPU-accelerated properties like transform and will-change.
• Filter reduction: avoid stacking multiple backdrop-filter layers and consolidate effects to a single composite layer.
• Fallback strategies: provide @supports-based fallbacks and opacity-based alternatives for devices that lack backdrop-filter support.
• Use Case: apply to a dashboard with glass panels to achieve consistent 60fps scrolling.

Quick Start

Apply the recommended techniques from references/css-compositor-rules.md to your glass panels and verify scrolling performance.