HeroKit
Applies pixel-level print, dither, glitch, and cinematic color effects to image-based hero backgrounds.
Purpose
HeroKit helps designers stack expressive image treatments such as pixel sorting, dispersion, RGB channel smearing, and displacement warps, then export a high-resolution hero background for Figma, Framer, or the web.
Curator notes
- The original source post includes a 63-second product demo video and describes pixel-level effects rather than CSS effects.
- The launch URL appears in the creator's first reply to the original post.
- The current HeroKit site describes a free, browser-based hero background generator for Figma and Framer with up-to-4K export and no signup.
- The source does not identify which AI agent, if any, was used to build HeroKit.
