PURE HTML · CSS · JS

你好，世界

我是一名
一个文件，零依赖，双击即开。

看看能力

FEATURES

三件套，一个文件

结构、样式与交互全部内联，复制粘贴就能运行。

HTML

语义化标记搭出清晰骨架，无障碍属性与键盘焦点同样不落下。

  • 语义化
  • 可访问性

CSS

渐变文字、毛玻璃卡片、Grid 布局，再配一套跟随系统的深浅主题。

  • 渐变
  • 毛玻璃
  • 响应式

JavaScript

Canvas 粒子、实时时钟、颜色控制与表单校验，全部原生实现。

  • Canvas
  • 表单校验
  • 状态持久化

PLAYGROUND

动手玩一下

两个小部件，展示 DOM 操作与 CSS 变量能有多直接。

实时时钟

每秒刷新，纯 JS 日期 API 与 Intl 格式化。

--:--:-- 加载中…

颜色游乐场

拖动滑块，实时改变下方色块，并可一键复制颜色值。

hsl(190 80% 55%)

CONTACT

有想法？
聊聊吧。

这里是演示表单，提交不会真的发送数据。
想直接联系？写信到 hello@example.com。

  • ✓ 单文件，随时复制走
  • ✓ 无外部依赖，离线可用
  • ✓ 深色 / 浅色主题自适应

演示表单：不会真的发送任何数据。