工具页 Tool 游戏/互动 Game / interactive 组件 Component
slideVars slideVars
自动给样式变量做出滑杆，改值页面立刻变。 Builds sliders for style variables, and the page updates as you move them.
详细介绍Details
CodePen 开源的 CSS 变量控制面板：自动读取 :root 自定义属性，生成滑杆和取色器，改值立刻反映到页面。MIT，演示页公开可访问。 CodePen’s open-source CSS-variable control panel: it auto-detects :root custom properties, builds sliders and color pickers, and reflects changes live. MIT, and the demo page is public.
适合学什么What to learn
- 工具页 Tool
在浏览器里生成 CSS/HTML 的小工具。 In-browser tools that generate CSS or HTML.
- 游戏/互动 Game / interactive
可直接玩或操作的教学游戏与 WebGL 演示。 Teaching games and WebGL demos you can play in the browser.
- 组件 Component
可复用的 HTML/Web Component 与轻量框架。 Reusable HTML / Web Components and light frameworks.
为什么推荐Why we recommend it 适合当「给 Agent 调 CSS 变量」的对照页：复制两行 init 就能出面板。不是付费模板站。 A good reference page for “let an Agent tune CSS variables”: two lines of init produce the panel. Not a paid template shop.
