组件 Component 文档站 Docs demo demo
code-preview-element：可编辑的自渲染代码块 code-preview-element: a code block that renders itself
代码块自己渲染成预览，改字的时候页面跟着变。 A code block that renders itself, and updates as you edit.
详细介绍Details
stamat/code-preview-element：用 `<code-preview>` 把已有 `<pre><code>` 升成 iframe 实况预览，可按需编辑、边改边渲染，文档与样例不漂移。演示 https://stamat.github.io/code-preview-element/ ，MIT。 stamat/code-preview-element: `<code-preview>` upgrades an existing `<pre><code>` into a live iframe preview — optional edit-as-you-type so docs and samples cannot drift. Demo https://stamat.github.io/code-preview-element/ , MIT.
适合学什么What to learn
- 组件 Component
可复用的 HTML/Web Component 与轻量框架。 Reusable HTML / Web Components and light frameworks.
- 文档站 Docs
带可运行示例的文档站与示例索引。 Doc sites and example indexes with runnable samples.
- demo demo
该类型下收录的公开 HTML 页面。 Public HTML pages listed under this type.
为什么推荐Why we recommend it 公开演示 200（2026-09-15）。GitHub star 很少，但 API 清晰、可复现；预览取文档首页 3:2。 Public demo returned 200 (2026-09-15).
