react-youtube-liteframe is a lightweight React component that optimizes YouTube video embeds for better performance, accessibility, and Core Web Vitals.

It lazy-loads YouTube iframes only after user interaction, showing a responsive, SEO-friendly thumbnail by default using the <picture> element.
Designed for developers who care about fast loading times, reduced CLS (Cumulative Layout Shift), and improved Lighthouse scores.

Built with TypeScript, Rollup, and pnpm workspaces — minimal, tree-shakable, and easy to integrate into any modern React app (Next.js, Vite, CRA, Astro, etc).

Star the library: https://github.com/bhaveshxrawat/react-youtube-liteframe