Awesome Lists

awesome-frontend

by JingwenTian

awesome listpushed over 2 years ago

A curated list of amazingly awesome frontend libraries, resources and shiny things.

AI summary

Frontend toolkit

A curated list of frontend libraries, resources, and tools for building web applications.

stars
1.6K
forks
303
watching
105
awesome lists
3
entries
682
View on GitHub

Embed the badge

Show how many awesome lists link to your project. The count updates automatically.

Awesome Lists badge
Markdown
[![Awesome Lists Badge](https://awesome.facts.dev/shield/JingwenTian/awesome-frontend/links.svg)](https://awesome.facts.dev/awesome/JingwenTian/awesome-frontend)
HTML
<a href="https://awesome.facts.dev/awesome/JingwenTian/awesome-frontend"><img src="https://awesome.facts.dev/shield/JingwenTian/awesome-frontend/links.svg" alt="Awesome Lists Badge" /></a>
Image URL
https://awesome.facts.dev/shield/JingwenTian/awesome-frontend/links.svg

What's in the list

682 links in 114 sections, with live GitHub stats.activeno commit in 2y

Links

  • awesome-php

    一个常用的PHP类库, 资源以及技巧列表 推荐

    1.9Kover 4 years

0. 前端自动化(Workflow) / 前端构建工具

0. 前端自动化(Workflow) / 前端构建工具 / gulp - The streaming build system

0. 前端自动化(Workflow) / 前端构建工具

0. 前端自动化(Workflow) / 前端模块管理器

0. 前端自动化(Workflow) / css预处理器

0. 前端自动化(Workflow) / 前端性能分析工具

1. 前端UI框架(Frameworks)

2. JavaScript 框架汇总

  • react
    230.4Kalmost 2 years

2. JavaScript 框架汇总 / react

2. JavaScript 框架汇总

  • Angular
    96.5Kalmost 2 years
  • Vue.js

    数据驱动的组件化MVVM库(用于创建web交互界面和数据双向绑定)

    169 years

2. JavaScript 框架汇总 / Vue.js

2. JavaScript 框架汇总

2. JavaScript 框架汇总 / 快捷键操作

2. JavaScript 框架汇总

3. 前端游戏框架

4. ui组件库(CSS Framework)

4. ui组件库(CSS Framework) / WeUI - 微信官方UI库

4. ui组件库(CSS Framework)

5. 基础模版 / 浏览器统一(Cross Browser)

5. 基础模版 / 响应式

5. 基础模版 / 适配方案

5. 基础模版 / 适配方案 / lib-flexible: 移动端自适应方案

5. 基础模版 / 适配方案

6. 排版

7. 网格系统

8. 路由和链接(Routing And URLs)

9. UA 识别

10. 表单处理 / 10.1 表单验证(Form Validator)/表单提示

10. 表单处理 / 10.2 < input > 相关

10. 表单处理 / 10.3 < select > 相关

10. 表单处理 / 10.4 单选框/复选框相关

10. 表单处理 / 10.5 上传组件

10. 表单处理 / 10.6 日期选择

10. 表单处理 / 10.6 日期选择 / 价格日历

10. 表单处理 / 10.6 日期选择 / 价格日历 / PriceCalendar - 酒店价格日历

10. 表单处理 / 10.6 日期选择 / 价格日历

10. 表单处理 / 10.6 日期选择

10. 表单处理 / 10.7 取色

10. 表单处理 / 10.8 标签插件(Tag)

10. 表单处理 / 10.9 自动完成插件

10. 表单处理 / 10.10 样式修正

11. 图表绘制/图形库(Graphics)

11. 图表绘制/图形库(Graphics) / D3.js

11. 图表绘制/图形库(Graphics)

  • Bonsai

    一个功能强大的JavaScript图形库

    2Kalmost 9 years
  • epoch

    数据图表可视化

    5Kover 7 years
  • Vis.js
    7.8K7 years
  • Coutour.js
    1202 years
  • ecomfe/zrender

    一个轻量级的Canvas类库，MVC封装，数据驱动，提供类Dom事件模型，让canvas绘图大不同！

    6.1Kalmost 2 years
  • apexcharts.js

    Interactive and Modern SVG Charts

    14.5Kalmost 2 years
  • mapbox/mapbox-gl-js

    MapboxGL 基于 WebGL 使用矢量切片和 Mapbox 样式渲染交互式地图

    11.3Kalmost 2 years
  • Kujiale-Mobile/Painter

    小程序生成图片库

    4.3Kover 2 years
  • canvg/canvg

    Javascript SVG parser and renderer on Canvas

    3.7Kalmost 2 years

12. 日期格式化 & 时间轴

13. 页面交互 / 13.1 Slider

13. 页面交互 / 13.2 瀑布流

13. 页面交互 / 13.3 懒加载/加载监听/预加载

13. 页面交互 / 13.4 图片轮播(幻灯片)/图片展示

13. 页面交互 / 13.5 图片剪裁/图片处理/图片转换

13. 页面交互 / 13.6 进度条/加载动画(Loading)

13. 页面交互 / 13.7 侧滑插件(offcancas)

13. 页面交互 / 13.8 菜单(Menu)

13. 页面交互 / 13.9 滚动侦测(ScrollSpy)

13. 页面交互 / 13.10 滚动加载更多/下拉刷新(Pull to Refresh)

13. 页面交互 / 13.11 平滑滚动插件(Smooth Scroll)

13. 页面交互 / 13.12 全屏滚动/全屏切换

13. 页面交互 / 13.13 分屏滚动

13. 页面交互 / 13.14 转场效果

13. 页面交互 / 13.15 固定元素(Sticky)

13. 页面交互 / 13.16 触控事件

13. 页面交互 / 13.17 拖拽组件

13. 页面交互 / 13.18 隐藏或展示页面元素

13. 页面交互 / 13.19 滚动条(Scrollbar)

13. 页面交互 / 13.20 视差滚动(Parallax Scrolling)

13.21 缩放 (Zooming)

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

15. 字体图标 ( Font Icon )

16. 动画(Animate)

16. 动画(Animate) / Hover

16. 动画(Animate) / Multi-touch gestures library

16. 动画(Animate)

17. 本地存储

18. 模板引擎

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

20. 提示控件(Tooltips)

21. 对话框/遮罩层/弹出层(lightbox)

22. 文档/表格/PDF

23. 目录树插件

24. 前后端交互 / 24.1 Ajax模块

24. 前后端交互 / 24.2 SSE (Server-Sent Events)

26. 按钮

27. 富文本编辑器/Markdown编辑器/Markdown解析器

28. 内容提取(Readability)

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

30. 选项卡(Tabs)

32. 布局(Layout) / 分隔面板(Split Panel)

33. 演示/幻灯片

34. 国际化(i18n)

35. 邮件模板(Email Templates)

36. 移动端优化(Optimizing Mobile Performance)

37. HTTP请求相关

37. HTTP请求相关 / pako - HTTP 请求正文压缩

38. 下载组件

39. 加密/转码

  • crypto-js

    JavaScript library of crypto standards

    15.9K2 years
  • ulid

    生成UUID类库

    3K2 years
  • RSA in JavaScript

    用RSA加密实现Web数据加密传输

  • nanoid

    一款非常小巧的唯一ID生成工具

    24.8Kalmost 2 years
  • harmankang/Lab62

    一个简单的人类可读的随机 ID 生成库

  • dropbox/zxcvbn

    评估密码强度的 JS 库，强度越强，密码越不容易破解

    15.2K2 years

40. 调试

41. 实用工具/其他插件

ES6( ECMAScript 2015 ) / ES6转码器(ES6 to ES5)

  • Babel

    一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行

    43.3Kalmost 2 years
  • babelify

    将babel引入到Gulp, Grunt, npm run等构建过程

    1.7K5 years
  • traceur-compiler

    Traceur is a JavaScript.next-to-JavaScript-of-today compiler

    8.2Kalmost 2 years

ES6( ECMAScript 2015 ) / ES6入门

设计模式( JavaScript Patterns )

在线工具( Online Tools )

在线工具( Online Tools ) / jsbin - Collaborative JavaScript Debugging App

在线工具( Online Tools )

前端开发工具 / 1. 开发工具

前端开发工具 / 2. 调试工具

  • Fiddler
  • Weinre
  • Rythem
  • csscss

    用于检查css代码冗余

    2.9Kalmost 8 years
  • FECS

    基于 Node.js 的前端代码检查工具

  • JSON Server

    模拟 API

    73.3K2 years
  • swagger-ui

    基于REST的API测试/文档

    26.7Kalmost 2 years
  • graphqurl

    curl for GraphQL with autocomplete, subscriptions and GraphiQL

    3.3Kalmost 2 years

前端开发工具 / 3. 模拟数据( Mock )

前端开发工具 / 4. 接口管理

  • RAP

    Web接口管理工具，开源免费，接口自动化，MOCK数据自动生成，自动化测试，企业级管理

前端开发工具 / 5. 浏览器扩展(Chrome Extensions)

前端开发工具 / 6. 在线工具

前端参考集

前端参考集 / 前端编码规范( Standard Style )

前端参考集

书籍( Frontend-related Books )

More related projects

Add a GitHub project

Missing a project or an awesome list? Paste its GitHub URL and we fetch it right away.