组件 Component library library 文档站 Docs
Frutjam：纯 CSS、不用 JS 的 Tailwind 组件库 Frutjam: a CSS-only Tailwind component library with no JavaScript
65 个组件全用 CSS 写，一行 JS 都不用。 65 components in pure CSS, not a line of JavaScript.
详细介绍Details
给用 Tailwind CSS v4 做页面、又不想往里塞一堆脚本的人。Frutjam 有 65+ 个组件（按钮、弹窗、抽屉、标签页、轮播、表格等）和整块的页头、首屏、价格区，全部只用 CSS 实现，不需要 JavaScript；每套主题都按 WCAG AA 做了对比度，自带从右到左排版。文档站有中文等多语言，还提供 llms.txt 方便让 AI 照着写。MIT 开源，免费。 For people building pages with Tailwind CSS v4 who do not want to ship a pile of scripts. Frutjam has 65+ components (buttons, modals, drawers, tabs, carousels, tables, and more) plus ready header, hero, and pricing blocks, all in CSS with no JavaScript. Every theme targets WCAG AA contrast, and right-to-left layout is built in. The docs come in several languages including Chinese and ship an llms.txt so an AI can follow them. MIT, free.
适合学什么What to learn
- 组件 Component
可复用的 HTML/Web Component 与轻量框架。 Reusable HTML / Web Components and light frameworks.
- library library
该类型下收录的公开 HTML 页面。 Public HTML pages listed under this type.
- 文档站 Docs
带可运行示例的文档站与示例索引。 Doc sites and example indexes with runnable samples.
为什么推荐Why we recommend it 首页的「PageSpeed 100/100」「WCAG AA/AAA」是项目自述，本库没有复测。站内的 Cherry MCP 等产品入口不在本条范围。 The homepage’s “PageSpeed 100/100” and “WCAG AA/AAA” are project claims, not re-tested here. Other products linked on the site, such as Cherry MCP, are out of scope.
核验记录：来源、抓取与截图说明Verification log: sources, checks, and captures
Show HN item 49978580（2026-10-06T13:56:51.000Z / 约 21:56 CST），撰写时 Algolia 2pts。官网与文档撰写时 HTTP 200；仓库 nezanuha/frutjam 为 MIT、9★，npm frutjam 2.3.0。预览为 Chrome 实拍首页首屏，裁 3:2 WebP。Show HN item 49978580 (2026-10-06T13:56:51.000Z / about 21:56 CST), 2pts on Algolia at write time. Site and docs HTTP 200 at write time; repo nezanuha/frutjam is MIT with 9★, npm frutjam 2.3.0. Preview is a Chrome capture of the homepage hero, cropped to 3:2 WebP.
