White flash on reload (1–2 frames)

[DpAkyJ1A]

Hi! 👋
First of all, great library – Neat looks awesome.

There is a small but noticeable issue when using NeatGradient as a full-screen background (especially on dark themes):

The issue is much more visible on dark backgrounds. On light backgrounds it is likely present as well, but visually masked. On page reload, the canvas sometimes flashes white for 1–2 frames before the gradient appears.

This also happens on the official demo:
https://neat.firecms.co/

And here is how it looks on my website with dark theme (Its gray cuz i have dark half transparent black overlay):

I experimented quite a bit with different loading states:

1. rendering a solid fallback background behind the canvas
2. adding a “shutter” layer above the background to mask initial frames
3. delaying canvas visibility until after initialization

Unfortunately, none of these fully solved the issue – the white frame still appears occasionally, which makes it feel like it’s coming from the WebGL canvas itself.

My environment is

• @firecms/neat 0.5.1
• Chrome

I’ll keep experimenting on my side to see if I can find a reliable fix.
Any hints, ideas, or guidance would be very appreciated 🙏