炎熱的 7 月已經(jīng)過去，秋天的腳步更近了。在本月，Tutorialzine 依舊為大家?guī)砹艘恍┯腥?、實用的前端庫，看看有哪些適合你的項目呢？
1.Titanic
這是一組自帶懸停動畫的精致 SVG 圖標。但與大多數(shù) Web 圖標不同之處在于 - 它的動畫是基于 JS 的，需要你使用 bodymovin 庫將動畫效果導出為 SVG 格式。
項目地址：【傳送門】
2.Rebass
Rebass 是一個用于構建響應式 Web APP 的 React UI Kit。它由超過 60 種樣式組件構成，可通過樣式體系中的屬性進行自由定制。這樣可以保證樣式的隔離，便可減少在應用程序中編寫自定義 CSS 的需求。
項目地址：【傳送門】
3.Bootstrap 4 (Beta)
Bootstrap 4 的官方 Beta 版已經(jīng)正式發(fā)布了！新版本的框架也發(fā)生了許多重大的改變，包括支持了基于 Flexbox 的網(wǎng)格體系，新增并重寫了相關組件，更快的 ES6 JavaScript 插件，改進了文檔等等。
項目地址：【傳送門】
4.Hover Buttons
這是一組帶有懸停動畫效果的 HTML 按鈕，這些按鈕不僅擁有不同的形狀與大小，而且具備了豐富的動畫效果供你選擇。Hover Buttons 是由 SCSS 制作的，所以你可以輕松的刪除不想要的按鈕，或根據(jù)個人喜好自由的定制其樣式。
項目地址：【傳送門】
5.React Simple Maps
React Simple Maps 是一個用于創(chuàng)建 SVG 地圖的組件庫，它具備添加地圖細節(jié)的各類組件，它們可為地圖的各個區(qū)域添加文字注釋、標記以及自定義顏色。
項目地址：【傳送門】
6.Gpu.js
Gpu.js 是一個用于在瀏覽器中運行 GPGPU 的 JS 庫，它將 JavaScript 編譯成能夠通過 WebGL API 在 GPU 上運行的著色語言，以便更快地執(zhí)行復雜的計算。如果 WebGL 不可用，則這些函數(shù)仍將以常規(guī)的 JavaScript 運行。
項目地址：【傳送門】
7.Pell
Pell 是一款超輕量的 WYSIWYG 文本編輯器。它由僅 200 行的 ES6 代碼所構成，只有 1kB 的大小，并且沒有任何的依賴關系。同時，它還支持 Markdown 文本格式所需的所有操作，包括插入圖像和鏈接。
項目地址：【傳送門】
8.Chromeless
Chromeless 是一個基于 Chrome 平臺 Headless 模式的 Web 自動化框架。它的 API 和功能與其他流行工具（如 PhantomJS 和 NightmareJS）非常相似，主要區(qū)別是它在 Chrome 的 Headless 模式下可以運行所有的測試。同時，它還可以在本地或借助 AWS Lambda 工作。
項目地址：【傳送門】
9.Fitty
Fitty 是一個 Vanilla JavaScript 庫，它可以更改文本的字體大小，使其適應固定寬度的容器。它適用于所有標準的 Web 字體，并且可以“向上”或“向下”縮放其大小，以便讓它們更好的占據(jù)可用空間，而無須換行。
項目地址：【傳送門】
10.Notif.me
這是一個用于發(fā)送通知的 Node.js 庫，旨在成為一個處理電子郵件、短信和推送通知的一體化解決方案。另外，每個服務都有多個提供商可供你選擇。
項目地址：【傳送門】
11.Shoelace
Shoelace 是一個炒雞輕量的 CSS 入門套件，旨在為 Bootstrap 提供一個更簡單的替代方案。它由 CSS reset 與一些實用的 UI 組件構成，沒有過多的樣式和功能。由于這個庫的代碼是基于 CSS 變量的，所以也易于定制。
項目地址：【傳送門】
12.TensorFire
TensorFire 是一個能夠在瀏覽器中運行神經(jīng)網(wǎng)絡的框架。由于 TensorFire 可通過 WebGL 進行 GPU 加速，所以運行較大的機器學習模型也不是事兒。雖然，該項目還處于早期階段，但也有了一些十分有前景的演示。例如剪刀包袱錘手勢檢測 Demo
項目地址：【傳送門】
13.Vali
這是利用 Bootstrap、PugJS、Sass 構建的后臺信息管理模板。由于該項目是基于易于定制的理念而設計，所以，所有的樣式都是由獨立的 SASS 模塊進行組織。同時，該模版還提供了豐富的組件與小部件，你可以在 Demo 中查看它們。
項目地址：【傳送門】
14.BotUI
BotUI 是用于建立聊天機器人會話界面的 JavaScript 框架。它有一個超簡單的 API，你可以通過添加消息、問題，甚至形成供用戶填寫的輸入字段來配置對話流。
如果你想了解有關交互式會話 UI 的更多信息，請參閱我們的文章《聊天機器人之開發(fā)者簡介》。
項目地址：【傳送門】
15.Nano ID
這是一個用于生成唯一 ID 的小型 JavaScript 庫。它僅使用對 URL 友好的符號來生成字符串，但它也有一個讓你提供相應字母表的選項。在 GitHub 的項目頁上，你可以找到關于此庫的工作方式，以及使用算法的一些有趣信息。
項目地址：【傳送門】
感謝你的閱讀。若你有所收獲，歡迎點贊與分享。
注：
- 本文版權歸原作者所有，僅用于學習與交流；
- 如需轉載譯文，煩請按下方注明出處信息，謝謝！
英文原文：15 Interesting JavaScript and CSS Libraries for August 2017
作者：Danny Markov
譯者：IT程序獅
譯文地址：http://www.itdecent.cn/p/677b3d30b342
更多文章：
