awesome-frontend

策划的非常棒前端列表库、资源和闪亮的东西。

GitHub Stars

515

Curated Resources

Categories

3 hours ago

Last Refreshed

搭建web app常用的样式/组件等收集列表(移动优先)0. 前端自动化(Workflow)1. 前端框架(Frameworks)2. JavaScript 框架汇总3. 前端游戏框架4. ui组件库(CSS Framework)5. 基础模版6. 排版7. 网格系统8. 路由和链接(Routing And URLs)9. UA 识别10. 表单处理11. 图表绘制/图形库(Graphics)12. 日期格式化 & 时间轴13. 页面交互14. 代码高亮插件/代码编辑器15. UI Icon 组件16. 动画(Animate)17. 本地存储18. 模板引擎19. 通知组件/弹框组件/模态窗口20. 提示控件(Tooltips)21. 对话框/遮罩层/弹出层(lightbox)22. 文档/表格/PDF23. 目录树插件24. Ajax模块25. 音频/视频26. 按钮27. 富文本编辑器/Markdown编辑器/Markdown解析器28. 内容提取(Readability)29. 颜色(CSS Colors)/SVG/Canvas30. 选项卡(Tabs)31. 文本处理32. 布局(Layout)33. 演示/幻灯片34. 国际化(i18n)35. 邮件模板(Email Templates)36. 移动端优化(Optimizing Mobile Performance)37. HTTP请求相关38. 实用工具/其他插件1. 开发工具2. 调试工具3. 浏览器扩展(Chrome Extensions)

Use this list with your AI agent

Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:

"Show me 13.14 转场效果 resources from awesome-frontend"

Installation instructions →

What's inside

3. 浏览器扩展(Chrome Extensions)

25. 音频/视频

Accessible HTML5 Video Player - PayPal 开源的 HTML5 视频播放器
PayPal 开源的 HTML5 视频播放器
BigScreen - A simple library for using the JavaScript Full Screen API
A simple library for using the JavaScript Full Screen API
BigVideo.js - The jQuery Plugin for Big Background Video
The jQuery Plugin for Big Background Video
Buzz - A Javascript HTML5 Audio library
A Javascript HTML5 Audio library
Clappr - 开源的Web视频播放器
开源的Web视频播放器
FitVids.js - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

14. 代码高亮插件/代码编辑器

19. 通知组件/弹框组件/模态窗口

action.js - 极简的tip和Modal弹窗效果
极简的tip和Modal弹窗效果
alertify.js
AlertifyJS

29. 颜色(CSS Colors)/SVG/Canvas

Adaptive Backgrounds - 从图片抽取主要颜色和应用到父元素
从图片抽取主要颜色和应用到父元素
CSS Colours