A vanilla, headless, lightweight library that manages iframes outside the render tree, preserving their state across mount/unmount cycles.

Stars

50

7-day growth

No data

Forks

2

Open issues

0

License

MIT

Last updated

2026-07-06

AI repository intelligence
FR-AI / ANALYSIS

Why it is worth attention

Extracted from real-world tools like Vite DevTools and Nuxt DevTools, it solves the common problem of iframe state loss in component frameworks with a minimal, framework-agnostic approach.

Who it is for

  • Developers using Vue, React, or Solid who need stable iframe embedding
  • Creators of multi-tab dashboards or panels with persistent embedded content
  • Tool builders (e.g., IDEs, devtools) requiring stateful iframe lifecycles

Use cases

  • Switching tabs in a dashboard without reloading the iframe content
  • Moving an embedded iframe between layout positions while preserving scroll, inputs, and JS state
  • Hiding and showing a preview panel without throttling its rendering

Strengths

  • Zero dependencies and framework-agnostic; works with plain DOM or any component library
  • State preservation via a dedicated overlay container that never re-renders
  • Warm hiding (opacity 0.001) keeps the embedded page fully active and unthrottled
  • LRU auto-dispose limits memory usage when many panes are created

Considerations

  • The default container is position:fixed, which may need customization if ancestors create a containing block
  • Pane positions follow target boxes but not target lifecycle; manual unmount is required when target is removed from DOM
  • Multiple panes mounted to the same target stack in creation order, without built-in conflict resolution

README quick start

Usage

Description

Pane for manage and persistent iframes

Related repositories

Similar projects matched by category, topics, and programming language.

TanStack
Featured
TanStack GitHub avatar

router

TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.

Web DevelopmentFrontend Frameworks
14,861
vercel-labs
Featured
vercel-labs GitHub avatar

scriptc

scriptc compiles ordinary TypeScript into small, fast native executables without needing Node.js, V8, or any JavaScript runtime in the binary.

Developer ToolsCode Quality & Build
1,985
Jakubantalik
Featured
Jakubantalik GitHub avatar

thinking-orbs

A React component library that renders six hand-tuned animated thought orb loading indicators on a plain 2D canvas, with two purpose-tuned sizes and automatic theme detection for AI and agent UIs.

AI & Machine LearningAI Agents
1,191