下面按「开发全流程」整理,包括:UI 组件、设计资源、官方文档、工具链、动画、图标、低代码、性能优化、AI 工具、部署平台等。

一、前端官方文档(核心必备)

Web 基础


二、前端框架(Vue / React / 全栈)

Vue 生态

Vue 核心

Vue UI 库


React 生态

React 核心

React UI 库


三、CSS / 样式资源

CSS 框架

CSS 学习与效果


四、图标资源

Icon 库


五、图片 / 插画 / 素材

免费图片

插画资源


六、动画资源(高频)

CSS / JS 动画


七、图表与数据可视化

图表库


八、后台管理系统模板

Vue Admin

React Admin


九、前端开发工具(效率神器)

编辑器

接口调试

Git 工具


十、设计工具(UI设计)

UI 设计

设计资源


十一、AI 前端开发工具(2026 高频)

AI 编程

AI UI 生成


十二、部署平台(上线必备)

静态部署

服务部署


十三、性能优化 / 工程化

工程化

性能检测


十四、学习网站(推荐)

综合学习


十五、前端路线推荐(2026)

HTML
→ CSS
→ JavaScript
→ TypeScript
→ Git
→ Vue3 / React
→ Vite
→ Pinia / Redux
→ 接口请求
→ UI组件库
→ 移动端适配
→ 工程化
→ Node.js
→ SSR
→ 性能优化
→ AI开发
→ 全栈

十六、资源站导航(收藏级)

综合导航

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐