bluwy/whyframe

Stars
536
Rank 82,794 (Top 2 %)
Language
JavaScript
License
MIT License
Created over 2 years ago
Updated 9 months ago

bluwy/whyframe

bluwy

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Develop components in isolation with just an iframe

whyframe

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

License

MIT

publint

Lint packaging errors

create-vite-extra

Extra Vite templates

vite-plugin-warmup

Warm up Vite's transform cache

svelte-preprocess-import-assets

Import assets directly in your markup

ihimnm

vite-plugin-iso-import

Import modules isomorphically in the client or server

bun-vite-ts-test

How far can we get with bun 👀

renoma

A recursive node modules analyzer with opinionated package health checks

svelte-fast-dimension

Fast dimension bindings using ResizeObserver

svelte-router

An easy-to-use SPA router for Svelte

svelte-url

Barebones routing with reactive URLs

LuaTween-for-Rainmeter

Animate stuff in Rainmeter easily

refined-github-comments

fmu

A collection of JS module utilities written in Rust

pick-palette

A color palette manager made with Svelte

package-library

colorblind

A zero-dependencies color blindness simulation library

svelte-motion

Experimental web animations support for Svelte transitions

substitute-string-action

🚀️ Easily substitute or replace strings in GitHub Actions using YAML

release-for-reddit-action

🚀️ Submit a Reddit post about your release in GitHub Actions

website

svelte-js-in-css

svelte-parse-markup

Parse Svelte markup without parsing the script or style tags

svelte-view-source

tailwind-color-gen

Yet another Tailwind color palette generator

astro-pages-hmr

Support HMR in pages in Astro

sponsors

A zero-dependencies script to generate sponsors SVG from Patreon

cloudflare-lit-ssr-repro

material-shadow-preview

Visualize Material Design's elevations and generate CSS!

svelte-as-markup-preprocessor

Runs script and style preprocessors in the markup phase.

vite-plugin-cloudflare-redirect

Vite plugin to handle Cloudflare's _redirects file

cleanup

timetable

A timetable for personal use

astro-cdn-test

penn-todo

A todo app built on the PENN stack

svelte-preprocess-inline-logic

Rainmeter-Tron-Suite

A Tron-inspired Rainmeter suite

kit-iso-import

trailing-slash-servers

See how different servers handle serving HTML files and trailing slashes