A two-colour radial gradient under heavy film grain, like a printed poster: one soft light and a page of grain.

Made as a Kadal Deck premium background, it fills whatever box you give it at its real size, in light and dark, and follows your brand colour (the --deck-accent CSS variable). Settings: colors (two colours: the light, then the ground it fades into), x (where the light sits across the slide, in percent), y (where the light sits down the slide, in percent), radius (how far the light reaches, in percent of the slide), strength (how much of the first colour is in the light, 0 to 1, keep it low behind text), grain (how heavy the film grain is, 0 to 1) and animate (let the grain shiver like a projected film, it rests in print and for reduced motion). The animation pauses off screen and in background tabs, and holds still for visitors who ask for reduced motion.

What you get: a web component, one script with no framework, for a plain page, Webflow, WordPress or Framer, drawing behind your own content. A React component. Stills at 2560 x 1440 in light and dark. Seamless 10-second loops at 1920 x 1080, MP4 and WebM, for any video editor. A demo page to try the settings and print a PDF, and a README with a recipe for each.

In Kadal Deck, buying it unlocks Grain Gradient in every workspace you belong to (as background pro/grain-gradient). Pro, Team and Lifetime plans include every premium background already.