GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — components/README.md at main · codepaintstudio/components

Expand file tree

/

README.md

Copy path
More file actions
More file actions

Latest commit

 

History

History
History
78 lines (59 loc) · 1.78 KB
/

README.md

Copy path

File metadata and controls

78 lines (59 loc) · 1.78 KB
Raw
Copy raw file
Download raw file
Outline
Edit and raw actions

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
You are visitor 01402520 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.