# 流行程式庫

https://getflywheel.com/layout/best-javascript-libraries-frameworks-2020/
# 有特色的網站

# 包管理工具
* [yarn](https://yarnpkg.com)
* [npm](https://www.npmjs.com)
* [npx]()

# 前端地圖
* [leafletjs](https://leafletjs.com/)

# 前端打包工具

* [webpack](https://webpack.js.org)
* [parcel](https://parceljs.org)
* [rollup](https://rollupjs.org)

# 前端可視化
* [chartjs](https://www.chartjs.org)
報表圖
* [D3.js](https://d3js.org)
更複雜的可視化

# 前端動畫

* [animejs](https://animejs.com)
區塊動畫
* [aos](https://michalsnik.github.io/aos/)
進場效果
* [BIDEO.JS](https://rishabhp.github.io/bideo.js)
背景影片
* [Choreographer-js](https://christinecha.github.io/choreographer-js)
處理複雜的CSS動畫
* [Granim.js](https://sarcadass.github.io/granim.js)\
背景動態漸層色
* [Multiple.js](https://multiple.js.org)
使用CSS在多個元素之間共享背景的實驗
* [Popper.js](https://popper.js.org/)
浮動提示
* [slick](https://kenwheeler.github.io/slick/)
卡片播放，相片瀏覽，相片橫幅
* [tweenjs](https://www.createjs.com/tweenjs)
高級動畫，請點範例
* [fullPage.js]

# 前端表單驗證
* [parsleyjs](http://parsleyjs.org/)

# 前端框架
* [ReactJS](https://reactjs.org)
* [Omniscientjs](https://omniscientjs.github.io/)

# 前端其他新奇技術
* [Premonish](https://mathisonian.github.io/premonish)
透過滑鼠預測用下一個按鈕