SkillAgentSearch skills...

Whyframe

Develop components in isolation with just an iframe

Install / Use

/learn @bluwy/Whyframe
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

<br> <p align="center"> <img src="./docs/src/assets/logo.svg" height="100"> </p> <h1 align="center"> whyframe </h1>

whyframe enables rendering any UI framework markup within an iframe, including Svelte, Vue, Solid, Preact, and React. Simply:

<!-- prettier-ignore -->
<iframe data-why>
  Hello world!
</iframe>

Features

  • 📦 Develop components in isolation
  • 🛠 Flexible HTML customization
  • 🪢 Tight bundler integration
  • ⚡️ Fast runtime
  • ✨ Compatible with major bundlers and frameworks

Read the documentation for more details!

Packages

| Package | Changelog | | ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | | @whyframe/core | whyframe core version | | @whyframe/svelte | whyframe svelte version | | @whyframe/vue | whyframe vue version | | @whyframe/jsx | whyframe jsx version | | @whyframe/astro | whyframe astro version |

Contributing

See CONTRIBUTING.md.

Thanks

  • dominikg for the casual chat and feedback.
  • Jutanium for the documentation feedback.
  • kiaking for the VitePress documentation design.

Sponsors

<p align="center"> <a href="https://bjornlu.com/sponsor"> <img src="https://bjornlu.com/sponsors.svg" alt="Sponsors" /> </a> </p>

License

MIT

Related Skills

View on GitHub
GitHub Stars580
CategoryDevelopment
Updated2d ago
Forks12

Languages

JavaScript

Security Score

95/100

Audited on Apr 7, 2026

No findings