Summary
Nick Saraev walks through a complete pipeline for creating animated dithering-effect websites that look high-budget but cost almost nothing to produce. The technique chains together several AI tools: GPT image generation for creating stylized base images, image-to-video models to animate them for roughly 25–50 cents per clip, and then Claude-family models to write the website code that displays the result as a staccato, retro-style background effect.
The core visual trick involves chopping a smooth AI-generated video into frames and playing them back at approximately 11 frames per second, combined with a classic dithering filter — the black-and-white dot pattern originally used on old displays — to create an aesthetic that reads as hand-crafted and expensive. Mouse interaction effects are layered on top to make the experience feel live-rendered even though it isn’t.
Saraev provides a free prompt package in the video description covering every stage of the pipeline, making it accessible to non-programmers. He also shares color palette recommendations (warm, pastel tones work best), guidance on selecting cinematic source imagery, and notes on which AI image and video generators tend to produce the cleanest results for this specific style. The tutorial is aimed at creators and small-business owners who want a visually striking web presence without a large production budget.
📺 Source: Nick Saraev · Published July 29, 2026
🏷️ Format: Tutorial Demo
