components

UI 组件大全 —— 单文件、零构建的 UI 组件演示库，38+ 个常用组件，双击 index.html 即可运行。

在线预览：https://minorcell.github.io/components/

组件清单

表单 / 输入

• 按钮 Button
• 输入框 Input
• 复选框 / 单选框 Checkbox / Radio
• 开关 Switch
• 下拉选择 Select
• 级联选择 Cascader
• 自动补全 Autocomplete
• 日期时间 DatePicker / TimePicker
• 滑块 Slider
• 步进器 / 评分 Stepper / Rate
• 标签输入 TagInput
• 上传 Upload

布局 / 导航

• 标签页 Tabs
• 折叠面板 Collapse
• 分割面板（可调整）Split
• 锚点导航 Anchor
• 面包屑 / 分页 Breadcrumb / Pagination
• 步骤条 Steps
• 回到顶部 / 固钉 BackTop / Affix

反馈

• 弹窗 Modal
• 抽屉 Drawer
• 全局提示 Message / Notification
• 提示与气泡 Tooltip / Popover
• 进度条 / 加载 Progress / Spin
• 空状态 / 结果页 / 水印 Empty / Result / Watermark

数据展示

• 表格 Table
• 树 Tree
• 穿梭框 Transfer
• 时间轴 Timeline
• 轮播 Carousel
• 图表 Chart
• 描述列表 / 统计数值 Descriptions / Statistic
• 拖拽排序 Sortable
• 虚拟滚动 Virtual List

其他

• 命令面板 Command Palette
• Markdown 编辑器（简版）
• 富文本编辑器（简版）

技术栈

全部通过 CDN 引入，无构建步骤、无 node_modules：

• Tailwind CSS
• Alpine.js 3
• Flatpickr（日期时间）
• SortableJS（拖拽排序）
• Chart.js（图表）

本地运行

无需安装任何依赖，直接用浏览器打开 index.html，或：

python3 -m http.server 8080
# 访问 http://localhost:8080