Grain Overlay — component for textures & overlays (hyperframes)

For AI agents: find the right skill in one call — curl -s "https://skills.varg.ai/api/search?q=<what the person wants>" returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the use-case page.

Animated film grain texture overlay using CSS keyframes — adds warmth and analog character to any composition

• Install: npx hyperframes add grain-overlay
• Registry: hyperframes · Framework: hyperframes · License: Apache-2.0
• Docs and preview: https://hyperframes.heygen.com/catalog/components/grain-overlay
• Source: https://github.com/heygen-com/hyperframes/tree/main/registry/components/grain-overlay
• Example: https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/grain-overlay.png
• Runs: local render, free
• Aspect: any

Used in

• Music video
• Logo sting
• Title sequence
• Generative art loop
• ASCII & retro looks
• Ambient & lofi loop
• Paper collage & zine

More textures & overlays

• Editorial Flash Overlay — npx hyperframes add editorial-flash-overlay
• Freeze-Frame Dressing — npx hyperframes add freeze-frame-dressing
• Grain Field — npx hyperframes add grain-field
• Halftone Field — npx hyperframes add halftone-field
• Light Leak — npx hyperframes add light-leak
• Organic Light Leak Overlay — npx hyperframes add organic-light-leak-overlay