A moody, textured background component that blends soft film-grain noise with smooth, blurred color streaks. Instead of a flat gradient, this component gives your background organic depth — like light diffusing through fog or smoke, with a subtle grain overlay for a premium, editorial feel.
Great for hero sections, portfolio intros, music/creative sites, or any layout that wants atmosphere without relying on photography or video.
Customizable directly from the property panel:
Adjustable gradient colors and streak direction
Grain/noise intensity
Blur and softness of the color streaks
Background base tone
Fully responsive across screen sizes
Lightweight and dependency-free — pure Framer code, so it stays fast and doesn't add bloat to your project.
A moody, textured background component that blends soft film-grain noise with smooth, blurred color streaks. Instead of a flat gradient, this component gives your background organic depth — like light diffusing through fog or smoke, with a subtle grain overlay for a premium, editorial feel.
Great for hero sections, portfolio intros, music/creative sites, or any layout that wants atmosphere without relying on photography or video.
Customizable directly from the property panel:
Adjustable gradient colors and streak direction
Grain/noise intensity
Blur and softness of the color streaks
Background base tone
Fully responsive across screen sizes
Lightweight and dependency-free — pure Framer code, so it stays fast and doesn't add bloat to your project.
