Grain Surface

Show Preview
Grain Surface
Grain Surface

About Grain Surface

Grain Surface adds a soft, printed-paper texture to any frame. Pick a color and it layers two passes of SVG noise on top: a multiply grain that darkens toward the edges and a fine light speckle. Pastels feel risograph-printed, and dark fills get a film-grain sheen.

It's pure code, with no image files to load. It stays crisp at any size and works behind heroes, product shots, posters, cards and buttons.

Controls

  • Color: any fill, pastel or dark

  • Radius: round the corners

  • Grain: 0 for flat color, up to 2 for heavy noise

How to use: drop it into a frame, set it to fill, and place your content on top.

Made by Bokmanhi. Questions: hello@bokmanhi.com

From Bokmanhi

Animated Flow Paths
Bouncing Box

Related Components

Hover Mask Effect
Wave Background 3D
Particle Globe 3D
Liquid Gradient