@knighted/develop

CDN-first browser IDE for building UI components with @knighted/jsx and @knighted/css.

What it is

@knighted/develop is a browser-native IDE that demonstrates modern component authoring without a local bundler-first inner loop.

The app is designed to showcase two libraries:

• @knighted/jsx for DOM-first and React-mode JSX authoring
• @knighted/css for in-browser CSS compilation workflows

Dependencies are delivered over CDN ESM with on-demand loading by mode, so the browser acts as the runtime host for render, lint, and typecheck flows.

Core capabilities

@knighted/develop lets you:

• write component code in the browser
• switch render mode between DOM and React
• switch style mode between native CSS, CSS Modules, Less, and Sass
• run in-browser lint and type diagnostics
• open diagnostics in a shared drawer and jump to source locations
• toggle ShadowRoot preview isolation while iterating
• switch layout and theme while preserving fast feedback loops

Try it

• Live IDE: https://knightedcodemonkey.github.io/develop/
• Source repository: https://github.com/knightedcodemonkey/develop

License

MIT