原生JS无头UI库
data-slot 是一个面向原生 JavaScript 的 headless UI 组件库。它不提供固定视觉样式,而是通过 HTML 标记中的 data-slot 属性识别组件结构,再由 create() 或具体组件函数绑定交互行为。页面显示当前版本为 0.2.166,并提供 GitHub 与 npm 入口。
组件覆盖较广,包括 tabs、dialog、alert-dialog、accordion、collapsible、tooltip、popover、dropdown-menu、navigation-menu、command、select、combobox、slider、switch 等。各包体积从约 1.6KB 到 10.3KB 不等,并强调“只安装需要的包”。示例中可见 createTabs(element)、tabs.select()、destroy()、createAccordion(element,{ multiple:true }) 等编程式 API。
它的定位明显区别于 React 类 headless 方案:页面明确说明无需框架、无需虚拟 DOM、无需构建步骤,适合 vanilla HTML/JS。样式层面同时展示普通 CSS 与 Tailwind 写法,并通过 data-state、data-open、CSS 变量等机制让开发者自行控制外观和动画。
抓取文本未提供任何收费计划、商业授权或支付方式信息。页面出现 GitHub 和 npm 链接,但未明确许可证,因此不能仅凭文本确认其开源协议。作为 npm 包,它可直接集成进自有前端项目,服务端自托管并非其主要问题。
优点是轻量、无依赖、组件可按需安装,且强调 WAI-ARIA、键盘导航和焦点管理,适合构建设计系统的行为层。示例非常贴近实际代码,HTML/CSS/JS/Tailwind 都有展示。
不足是文档信息仍偏示例驱动,抓取内容未看到完整 API 参考、浏览器兼容性、许可证、维护节奏、社区规模或企业支持说明。headless 模式也意味着开发者需要自行完成样式与部分业务逻辑封装。
它适合偏好原生 Web 技术、静态站点、轻量应用、非 React 项目,以及希望完全掌控 DOM 与样式的前端团队。若团队需要现成视觉组件,可能更适合 shadcn/ui、Shoelace 等替代品。中国访问情况文本未提供,npm/GitHub 依赖在国内可能受网络环境影响,建议结合镜像源或代理评估。
本测评基于公开资料整理,不构成购买建议,请以 data-slot.com 官网实际信息为准。
轻量、可访问、无样式,提供GitHub/npm。
评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。