用于构建交互式用户界面的 JavaScript 库,基于可组合的组件开发。
44 个项目
前端框架与界面组件:2026 精选
帮助你搭建网站和应用界面的框架、组件库与样式工具,包括 React、Angular、Tailwind CSS 和 Storybook,还有能把截图直接转换成前端代码的工具。
Angular 是基于 TypeScript 的 Web 应用开发平台,内置 CLI、路由、表单和 SSR 等能力。
一组 Agent Skills,让编程智能体设计有个性的前端页面,而不是千篇一律的 AI 模板页。
基于 Google Material Design 实现的 React 组件库,提供大量开箱即用的界面组件。
一个实用类优先的 CSS 框架,通过小而单一用途的类直接在标记中构建自定义界面。
用于独立开发、文档化和测试 UI 组件的前端工作台,支持 React、Vue、Angular 等框架。
面向 AI 编程助手的设计指导工具,提供设计技能、24 条命令和 61 条确定性检测规则,用于改进 AI 生成的前端界面。
利用 AI 将截图、设计稿、Figma 设计或屏幕录屏转换为 HTML、React、Vue 等前端代码。
一款 JavaScript 模块打包工具,可将大量模块和资源打包成少量产物,并支持代码分割与加载器。
精选 Flutter 库、插件、教程、文章和示例项目的资源清单,按主题分类整理。
一个基于 Hook 的轻量 React 状态管理库,无需包裹 Provider。
基于 Web Components 的开源 UI 工具包,用一套 JavaScript/TypeScript 代码构建跨平台 iOS、Android 和 PWA 应用。
面向 React 与 Next.js 的开源动效组件库,提供 215 个以上可定制的动画组件与背景。
一组面向 AI 编程助手的技能包,把动效与 UI 设计的专业经验编码成可执行的规则。
收录常用编程语言、框架和开发工具速查表的开源合集,每个主题集中在一个文件中。
一份长期维护的 ReactJS 面试题与答案合集,涵盖 React 核心、Router、Redux、测试和 React Native。
基于 Tailwind CSS 的开源组件库,通过类名提供现成的 UI 组件。
基于 Material Design 的 Vue 组件框架,提供响应式的精致 UI 组件,用于构建 Web 应用。
面向 React 的无障碍组件库与设计系统,用于快速构建 Web 应用,支持深色模式和 Next.js RSC。
精选的 React Native 应用开发库、工具、资讯与学习资源合集。
一个轻量精简的 JavaScript 框架,直接在 HTML 标记中添加响应式交互行为。
基于 React Aria 与 Tailwind CSS v4 构建的 React UI 组件库,前身为 NextUI。
基于 Vue.js 的跨平台框架,可用同一套代码构建单页应用、PWA、移动端、Electron 桌面应用等。
一个基于 React 和 Tailwind CSS 的动效组件库,可直接复制到 Next.js 或 shadcn/ui 项目中使用。
基于 Svelte 构建全栈 Web 应用的框架,提供路由、服务端渲染和多平台部署适配器。
基于 GPUI 的 Rust 桌面 GUI 组件库,提供 75 个以上样式组件,用于构建跨平台应用。
一套开放的事件驱动协议,用于标准化 AI 智能体与前端应用之间的连接方式。
用 Python 构建网页界面的框架,无需编写 HTML、CSS 或 JavaScript。
基于 React 19 与 StyleX 构建的开源设计系统,提供 150 多个无障碍组件、主题和 CLI。
用于构建 AI 对话界面的 TypeScript/React 组件库,提供可组合的基础组件与多种后端集成。
无样式的 React 无障碍 UI 组件库,用于构建自定义设计系统。
一个智能体技能,可生成随滚动推进的 3D 落地页,镜头从场景外飞入内部且无切换。
shadcn/ui 的 Svelte 社区移植版,提供可访问、可定制、可直接复制到项目中的组件。
开源、免登录的 Three.js/WebGL 交互式 UI 组件目录,附带实时渲染与完整 React 源码。
基于 Tailwind CSS 和 Motion 的免费开源动画组件库,可直接集成到 shadcn/ui 项目中。
零依赖的语义化 HTML、CSS 与 JS 界面组件库,体积约 10KB,无需 class 即可样式化原生元素。
用于为 MCP 工具构建可交互 UI 资源的 TypeScript、Ruby 与 Python SDK。
一套可爱岛屿风格的 React + TypeScript 组件库,图标、插画和动效均为原创。
面向 Claude Code 与 Codex 的 Agent Skill,把 AI 生成的动作接入随滚动、鼠标、拖动等操作变化的网页动画。
面向 React 与 Next.js 的光标动画组件库,提供可复用的跟随光标特效。
给 AI Agent 使用的界面设计 Skill,并排探索多个差异化设计方向,再依据真实截图迭代优化。
一个智能体技能,只需一句需求即可让 AI 编程助手构建有设计感的获奖级网站,并附带网站评分技能 /jury。
一个 Agent Skill,可将视频转为优化的 WebP 帧序列,并搭建由滚动控制播放的 Canvas 网页。
常见问题
- 这些项目是怎么挑选的?
- Repolode 收录的每个项目都要通过质量筛选:现在就能用、能解决一个具体问题、不是简单的套壳,而且仍在维护。本页按主题归类已收录的项目,并按 GitHub Star 排序。
- 这里最受欢迎的项目是哪个?
- react/react,GitHub Star 数 25.2万。选择前建议看看各项目的许可证和最近提交时间。