模板与 Tailwind
起步模板与按需启用的 Tailwind CSS。
更快起步
模板预填 HTML、CSS、JavaScript，让你专注 Demo 本身。需要 Tailwind 时请自行引入，避免默认注入污染原生 CSS 类名。
选择模板
用预览空态 chip，或点编辑器顶栏「新建」。包括空白页、Tailwind、React / Vue / Preact、StyleX / Panda、Swiper、动画库以及 Three.js 等。
StyleX 与 Panda
StyleX 与 Panda 的样式写在 JavaScript 栏，Run（含自动运行）时会在 Pixorla 服务端编译，再放进预览 iframe。CSS 栏只放全局 reset；编译出的原子 CSS 不会写回该栏。复制可运行 HTML 或下载 ZIP 也会先编译，失败则取消导出。这两类包也不能从 CDN 搜索插入。
按需启用 Tailwind
可选用「Tailwind CSS」模板，或在 HTML 添加 <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>，或在 CSS 面板写 @import "tailwindcss" / @apply 等指令。引入后预览才会加载 Tailwind，编辑器才会提示 utility class。默认保留标题、按钮等原生元素样式；若需要 Preflight，再添加 @import "tailwindcss/preflight.css"。