justinribeiro/lite-youtube
The fastest little YouTube web component on this side of the internet. The shadow dom web component version of Paul's lite-youtube-embed. observed · 2026-08-28
Health v2 · maintenance only
70/100
- Activity 78
- Release rhythm 42
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 49.5
- age_days: 2483
- days_rel: 309
- days_push: 134
- n_releases_24m: 7
Adoption not part of the score
1370 stars · 95 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A dependency-free vanilla web component (<lite-youtube>) that renders fast, lightweight YouTube embeds using a shadow DOM, poster image placeholder, and deferred iframe loading. It is the shadow DOM web component version of Paul Irish's lite-youtube-embed, focused on page performance and accessibility.
Use cases
- embed youtube videos without slowing down page load
- lazy load youtube iframes when scrolled into view
- replace heavy youtube embeds with a fast web component
- make youtube embeds accessible with keyboard and aria
- embed youtube playlists or shorts with a lightweight component
- use youtube-nocookie embeds for privacy
- pause embedded videos when scrolled off screen
When to choose
- you want a tiny (~2kb) zero-dependency youtube embed for any framework or plain HTML
- page performance metrics like LCP/CLS matter and standard embeds are too heavy
- you need shadow DOM encapsulation, accessibility, and locale-ready labels out of the box
When to avoid
- you need deep control over the YouTube player API or custom player UI
- you are embedding platforms other than YouTube
- you need a full video player library rather than a facade-style embed
Facets
library · maturity stable
ui-components web-framework web-development frontend media browser web-component youtube-embed performance shadow-dom lazy-loading vanilla-javascript web-server nodejs
2 sources
- readme: https://github.com/justinribeiro/lite-youtube · fetched 2026-08-28 · b65ee2461d60
- homepage: https://www.npmjs.com/package/@justinribeiro/lite-youtube · fetched 2026-08-29 · d4166dfe4645
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| justinribeiro/lite-youtube | main | 70 |
For agents
markdown · JSON · MCP: product_card(name="justinribeiro/lite-youtube")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem