3 个仓库
Integrating dynamic, real-time updating visual components into web applications.
Distinct from Live Preview Integrations: None of the candidates cover the specific case of embedding live, hot-reloading architecture diagrams into a web application.
Explore 3 awesome GitHub repositories matching web development · Live Component Embedding. Refine with filters or upvote what's useful.
Reactide is the first dedicated IDE for React web application development.
Renders React components in a live browser simulator that reloads automatically as code changes.
react-live 是一套用于浏览器内 React 转译、实时编辑和交互式文档的工具。它提供了一个 React 组件,用于构建实时演练场,其中源代码可被实时转译和渲染,并配有提供语法高亮和即时视觉反馈的实时代码编辑器。 该项目支持通过嵌入可编辑的 React 代码示例及其渲染输出来创建动态文档。它支持执行可编辑的标记或函数式组件,允许用户修改代码并立即观察结果行为。 该系统包括动态组件渲染、实时代码转译和全局依赖注入功能。它还具备错误处理机制,可在不导致应用程序崩溃的情况下检测并显示编译、语法和执行错误。
Provides a live browser environment that renders React components with automatic reloads for instant visual feedback.
likec4 is an architecture-as-code framework that transforms text-based architecture definitions into interactive diagrams, static websites, and image files. It serves as a system architecture visualizer and C4 model diagram generator, allowing users to define software components, boundaries, and deployment infrastructure using a domain-specific language. The tool distinguishes itself by providing a modeling environment with Language Server Protocol integration for real-time validation and autocomplete. It enables interactive architecture documentation where users can navigate through hierarch
Allows live architecture diagrams to be integrated directly into web applications with instant updates via hot module replacement.