Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/StarHosea/awesome-web

awesome web library and projects。收集优秀的 Web 开发框架，工具
https://github.com/StarHosea/awesome-web

List: awesome-web

Last synced: 16 days ago
JSON representation

awesome web library and projects。收集优秀的 Web 开发框架，工具

Awesome Lists containing this project

README 

        
# Awesome Web



最近一次修改日期：2020-05-08



## 目录



- [JS 动画](#js-动画)



- [CSS 动画](#css-动画)



- [3D & AR ](#3d--ar)

- [数据可视化](#数据可视化)

- [数学表达式](#数学表达式)

- [Web App 框架](#web-app-框架)

- [UI 组件库](#ui-组件库)

- [跨平台开发](#ui-组件库)

- [学习工具](#学习工具)

- [日常开发工具](#日常开发工具)

- [好玩的工具和项目](#好玩的工具和项目)



## JS 动画



- [Velocity.js](https://github.com/julianshapiro/velocity) 



  > Accelerated JavaScript animation. 



- [Proton](https://github.com/drawcall/Proton)



  > Proton is a lightweight and powerful Javascript particle animation library. Use it to easily create a variety of cool particle effects.



  



- [Lottie](http://airbnb.io/lottie/#/)



  > Lottie is a library for Android, iOS, Web, and Windows that parses [Adobe After Effects](http://www.adobe.com/products/aftereffects.html) animations exported as json with [Bodymovin](https://github.com/airbnb/lottie-web) and renders them natively on mobile and on the web!



- [SVGA](https://svga.io/)



  > SVGA 是一种同时兼容 iOS / Android / Flutter / Web 多个平台的动画格式。



- [GSAP](https://github.com/greensock/GSAP)



  > GreenSock's GSAP JavaScript animation library (including Draggable)



## CSS 动画



- [animate.css](https://animate.style/)



  > **Animate.css** is a library of ready-to-use, cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, and attention-guiding hints.



  



## 3D & AR



- [threejs](https://threejs.org/)



- [A-Frame](https://aframe.io/)



  > A web framework for building virtual reality experiences

  > Make WebVR with HTML and Entity-Component

  > Works on Vive, Rift, Daydream, GearVR, desktop



- [react-360](https://github.com/facebook/react-360)



  > Create amazing 360 and VR content using React 



- [AR.js](https://github.com/jeromeetienne/AR.js)



  > Efficient Augmented Reality for the Web - 60fps on mobile!



## 数据可视化



- [echarts](https://echarts.apache.org/zh/index.html)



  > 百度开发的基于 Canvas 的图表库



- [antv](https://antv.vision/zh)



  > 阿里巴巴开发的基于 Canvas 的图表库



## 数学表达式



- [MathJax](https://www.mathjax.org/#demo)



  > A JavaScript display engine for mathematics that works in all browsers.

  > No more setup for readers. It just works.



- [katex](https://katex.org/)



  > The *fastest* math typesetting library for the web.



## Web App 框架



- [React](https://react.docschina.org/)

- [Vue](https://cn.vuejs.org/)

- [Angular](https://angular.cn/)



## UI 组件库



- [Ant-Design](https://ant.design/index-cn)



  > 阿里巴巴开源组件库。主要支持 React 体系，也支持 Vue，Angular 体系。



- [Ant-Design-Pro](https://pro.ant.design/index-cn)



  > 基于 Ant-Design 的中后台企业级应用开发UI框架



- Element-UI



## 跨平台开发



- [React Native](https://reactnative.cn/)



  > 使用 React 语法，支持 Android/IOS 手机程序跨平台。

  >

  > 第三方开发有支持 Windows 等平台。



- [Weex](https://weex.apache.org/zh/guide/introduction.html)



  > 使用 Vue 语法，支持 Android/IOS 手机程序跨平台。



- [Electron](https://www.electronjs.org/docs)



  > 支持 Windows/Mac/Linux 桌面程序跨平台



- [Flutter](https://flutterchina.club/)



  > 支持 Android/IOS/Windows/Mac/Linux 桌面程序跨平台，未来支持 Web 跨平台。



- [Taro](https://taro.aotu.io/)



  > 使用 React 一套语法，开发微信小程序，H5，Android，IOS ，以及各种小程序平台应用。支持微信小程序 与 Taro 双向转换



- [uni-app](https://uniapp.dcloud.io/)



  > 使用 Vue 一套语法，开发微信小程序，H5，Android，IOS ，以及各种小程序平台应用



## 学习工具



- [Regulex](https://jex.im/regulex/#!flags=&re=%5E(a%7Cb)*%3F%24)



  > 正则表达式可视化的网站



## 日常开发工具



- [SourceTree](https://www.sourcetreeapp.com/)



  > 简单易用的 Git GUI工具



- [Firefox 开发者版本](https://www.mozilla.org/zh-CN/firefox/developer/)



  > 内置强大的开发工具



## 好玩的工具和项目



- [wiredjs](https://wiredjs.com/)



  > 仿手绘的 UI  组件，让你的网站看起来像是手工画出来的。