@remotion/effects: Add progressive pixelation effects

[JonnyBurger]

Summary

• add linear and radial progressive pixelation effects with Studio controls
• use aligned block-size levels for stable WebGL2 rendering
• add package exports, tests, docs, demos, and preview assets

Verification

• bun run build
• bun run stylecheck
• bun test src/test in packages/effects
• rendered both effect previews with --gl=angle

Closes #9045

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
bugs	Ready	Preview, Comment	Jul 13, 2026 9:58am
remotion	Ready	Preview, Comment	Jul 13, 2026 9:58am

[pullfrog]

ℹ️ No critical issues — one minor documentation suggestion inline.

Reviewed changes — added linear and radial progressive pixelation effects to @remotion/effects.

• Added linearProgressivePixelate() and radialProgressivePixelate() effect factories backed by a shared WebGL2 runtime.
• Added package entrypoints, bundle config, Studio effect catalog entries, and interactive schema controls (line and ellipse visual handles).
• Added docs pages, demo components, sidebar entries, article registration, and preview image assets.
• Added unit tests covering defaults, schema wiring, parameter validation, and distinct effectKey derivation.

  ^{｜ Fix all ➔ ｜ Fix 👍s ➔ ｜ View workflow run ｜ Using Kimi K2 (free via Pullfrog for OSS) ｜ 𝕏}

[pullfrog]

Suggested change

	// Adjacent power-of-two grids remain aligned as the block size changes.
	float level = log2(targetBlockSize);
	float lowerBlockSize = exp2(floor(level));
	float upperBlockSize = lowerBlockSize * 2.0;
	float levelProgress = fract(level);
	fragColor = mix(
	samplePixelated(lowerBlockSize),
	samplePixelated(upperBlockSize),
	levelProgress
	);
	float level = log2(targetBlockSize);
	float lowerBlockSize = exp2(floor(level));
	float upperBlockSize = lowerBlockSize * 2.0;
	float levelProgress = fract(level);
	fragColor = mix(
	samplePixelated(lowerBlockSize),
	samplePixelated(upperBlockSize),
	levelProgress
	);