CSS是强大的,你可以做很多事情没有JS。
accordion 开源项目推荐(702 个)
accordion 话题在 GitHub 上没有填写简介,这里按 Star 数汇总最相关的热门仓库。
20收录项目
3.9 万Star 总量
6覆盖语言
相关标签
热门项目 前 20
按 Star 数排序展示前 20 个 · GitHub 共 702 个仓库you-dont-need /You-Dont-Need-JavaScript
HTML2.1 万
ng-bootstrap /ng-bootstrap
Angular powered Bootstrap
TypeScript8217
themesberg /flowbite-svelte
为 Flowbite 和 Tailwind CSS 构建的官方 Svelte 组件
CSS2792
oblador /react-native-collapsible
适用于 React Native 的动画可折叠组件,适合手风琴、开关等
JavaScript2594
springload /react-accessible-accordion
适用于 React 的无障碍手风琴组件
TypeScript784
glennflanagan /react-collapsible
用于将内容包裹在可折叠元素中的 React 组件,带有用于打开和关闭的触发器。
JavaScript545
jellekralt /Responsive-Tabs
Responsive Tabs 是一个 jQuery 插件,提供响应式选项卡功能。当达到 CSS 断点时,选项卡会转变为手风琴。你可以使用此插件作为在桌面、平板和移动设备上优雅显示选项卡的解决方案。
JavaScript531
michu2k /Accordion
适用于 JavaScript 的轻量级无障碍手风琴模块。非常适合在网站上创建 FAQ 列表。
TypeScript393
Promact /md2
基于Angular2的材质设计组件、指令和服务包括手风琴、自动补全、折叠、颜色选择器、日期选择器、对话框(模态)、菜单、多选、选择、标签、标签(芯片)、吐司和工具提示。
TypeScript375
Azuritul /AZExpandableIconListView
使用 Swift 编写的可展开/折叠视图组件。
Swift283
oncode /handorgel
使用 ES6 编写的符合 W3C 标准的无障碍手风琴。
JavaScript258
daviferreira /react-sanfona
无障碍 React 手风琴组件
JavaScript241
nikki /LiteAccordion
适用于 jQuery 的轻量级水平手风琴插件。
JavaScript222
szhsin /react-accordion
适用于 React 的完整手风琴解决方案
TypeScript210
taniarascia /accordion
用电脑键盘演奏手风琴!
JavaScript207
pietile /pietile-native-kit
一组 React Native 组件
TypeScript189
Vkt0r /AccordionSwift
在 Swift 中使用 UITableView 实现手风琴菜单的最佳方式
Swift171
smastrom /vue-collapsed
适用于 Vue 的动态 CSS 高度过渡,可从任意值过渡到 auto,反之亦然。可直接用于手风琴。
Vue170
kunukn /react-collapse
使用 CSS 为具有可变和动态高度的元素提供折叠动画的组件包装器
TypeScript165
marouanekadiri /Accordion-Collapse-react-native
React Native 手风琴/折叠组件,非常适合用于开关和显示/隐藏内容
JavaScript162
关于这个话题
- 清单取自 GitHub 话题页并按 Star 数排序,每次展示前 20 个项目;原始页面见 https://github.com/topics/accordion。
- 该话题在 GitHub 上共有 702 个仓库, 本站收录的是其中最热门的 20 个,不是全量列表。
- Star / Fork 每日自动刷新一次,实时数据以 GitHub 为准。
- 当前 20 个项目累计 3.9 万 Star,覆盖 6 种主要语言,数据更新于 2026-11-06。
- 中文介绍来自 GitHub 官方话题说明(github/explore)的机器翻译,可点「查看原文」对照;译文缺失时会先展示原文。