https://github.com/bluwy/whyframe

Develop components in isolation with just an iframe
https://github.com/bluwy/whyframe

Last synced: 23 days ago
JSON representation

Develop components in isolation with just an iframe

• Host: GitHub
• URL: https://github.com/bluwy/whyframe
• Owner: bluwy
• License: mit
• Created: 2022-08-01T07:09:51.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-04-01T06:32:55.000Z (8 months ago)
• Last Synced: 2024-10-20T03:22:42.474Z (25 days ago)
• Language: JavaScript
• Homepage: https://whyframe.dev
• Size: 1.94 MB
• Stars: 547
• Watchers: 5
• Forks: 11
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        





  





  whyframe





  

    

  

  

    

  



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

```html

  Hello world!

```

## Features

- 📦 Develop components in isolation

- 🛠 Flexible HTML customization

- 🪢 Tight bundler integration

- ⚡️ Fast runtime

- ✨ Compatible with major bundlers and frameworks

Read the [documentation](https://whyframe.dev) for more details!

## Packages

| Package                               | Changelog                                                                                                                 |

| ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- |

| [@whyframe/core](./packages/core)     | [![whyframe core version](https://img.shields.io/npm/v/@whyframe/core.svg?label=%20)](./packages/core/CHANGELOG.md)       |

| [@whyframe/svelte](./packages/svelte) | [![whyframe svelte version](https://img.shields.io/npm/v/@whyframe/svelte.svg?label=%20)](./packages/svelte/CHANGELOG.md) |

| [@whyframe/vue](./packages/vue)       | [![whyframe vue version](https://img.shields.io/npm/v/@whyframe/vue.svg?label=%20)](./packages/vue/CHANGELOG.md)          |

| [@whyframe/jsx](./packages/jsx)       | [![whyframe jsx version](https://img.shields.io/npm/v/@whyframe/jsx.svg?label=%20)](./packages/jsx/CHANGELOG.md)          |

| [@whyframe/astro](./packages/astro)   | [![whyframe astro version](https://img.shields.io/npm/v/@whyframe/astro.svg?label=%20)](./packages/astro/CHANGELOG.md)    |

## Contributing

See [CONTRIBUTING.md](./CONTRIBUTING.md).

## Thanks

- [dominikg](https://github.com/dominikg) for the casual chat and feedback.

- [Jutanium](https://github.com/Jutanium) for the documentation feedback.

- [kiaking](https://github.com/kiaking) for the VitePress documentation design.

## Sponsors



  

    

  



## License

MIT