react-youtube-liteframe

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).