---
# System prepended metadata

title: 流行程式庫

---

# 流行程式庫

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)
    透過滑鼠預測用下一個按鈕