O/025//Animation
Film Grain
Animated film-grain / TV-noise texture over any frame
film-grainnoisetexturecanvasoverlaycinematic
By Kaiborg · Verified authorD/01//Description
Adds a film-grain (TV-noise) texture overlay to any Framer frame via a canvas. Ships two variants: a static grain that regenerates on resize, and an animated version that shimmers continuously. Tuned noise (threshold, brightness, 0.6 opacity) for a tasteful analog/cinematic feel. Apply to a navbar, hero, card, or full section.
P/02//Source preview · locked
import type { ComponentType } from "react"
import { useEffect, useRef } from "react"
// Static film grain — a single noise layer, regenerated on resize.
export function filmGrainStatic(Component): ComponentType {
return (props) => {
// … purchase to unlock the full sourceSource locked
R/03//Related · same category
