Whyframe
Develop components in isolation with just an iframe
Install / Use
/learn @bluwy/WhyframeREADME
whyframe enables rendering any UI framework markup within an iframe, including Svelte, Vue, Solid, Preact, and React. Simply:
<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/svelte |
|
| @whyframe/vue |
|
| @whyframe/jsx |
|
| @whyframe/astro |
|
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
node-connect
353.3kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
111.7kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
353.3kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
353.3kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
