ryanseddon/react-frame-component
Render your React app to an iFrame observed · 2026-08-28
Health v2 · maintenance only
87/100
- Activity 90
- Release rhythm 77
- 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: 6
- age_days: 4495
- days_rel: 158
- days_push: 64
- n_releases_24m: 2
Adoption not part of the score
1812 stars · 158 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A React component that renders your app or individual components inside an iFrame for style and DOM encapsulation. It supports custom initial content, mount targets, and lifecycle hooks for frame content.
Use cases
- render react components inside an iframe
- isolate widget styles from the host page
- embed a react app in an iframe with custom head content
- sandbox third-party embeds like recaptcha or google maps in a frame
- style-encapsulated react widget for embedding on other sites
When to choose
- you need CSS/DOM isolation for a React component or whole app
- you're embedding React widgets into pages with conflicting styles
- you need custom initial HTML or a specific mount point inside the frame
When to avoid
- you only need CSS scoping, not full iframe isolation (use CSS modules or shadow DOM)
- you're not using React
- you need server-side rendering of the framed content
Facets
library · maturity active
ui-components frontend-framework frontend web-development browser react iframe style-encapsulation component-library javascript nodejs
3 sources
- readme: https://github.com/ryanseddon/react-frame-component · fetched 2026-08-28 · 86c910be477d
- homepage: http://ryanseddon.github.io/react-frame-component/ · fetched 2026-08-29 · 2f2fec5d35b4
- registry_npm: https://registry.npmjs.org/react-frame-component · fetched 2026-08-29 · 2c51350cc0bf
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| ryanseddon/react-frame-component | main | 87 |
For agents
markdown · JSON · MCP: product_card(name="ryanseddon/react-frame-component")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem