乾貨15 個有趣的 JS和CSS 庫

炎炎夏日

經歷了幾天的大暴雨過後

我們的內心趨於平靜

「趟水上班真好玩」

趟水給大家準備了

哪些有趣、好玩的前端庫

一起來瞧瞧吧

1

Popmotion

作為一款高級的動畫引擎，Popmotion 能夠讓你通過各個方面控制元素的動畫效果。與同類動畫庫相比，它更加的輕量，依舊保持了每秒 60 幀的幀頻，同時它也支持 CSS、SVG 以及許多其他功能。

2

Pnpm

Pnpm 是一個全新的包管理器，它提供了一個獨特的文件系統，即每個節點模塊僅需要保存一次，而不必因新項目的需求而再次下載，這便大大的減少了安裝包所耗費的時間，同時也節省了存儲空間。

3

UI Kitten

UI Kitten 是一個包含了常用 UI 組件的 React Native 框架。它沒有任何不必要的 React 代碼膨脹，只提供給你相應的構建模塊，以便你能夠快速的創建出漂亮的移動界面。

另外，它的 iOS 和Android Demo 應用程序也提供了下載。

4

Blessed-contrib

Blessed-contrib 是一個用於開發終端應用程序的 JavaScript 框架。它基於 ASCII 的用戶界面，並提供了一系列可定製的小部件，易於你引導終端應用程序，同時提供給你所需的功能。

5

RE:DOM

這是一個類似於 React 和 Vue 的全新 UI 庫，它可以幫助你定義可重用組件，並保持 DOM 元素與數據模型同步。與上述庫不同的是，RE：DOM 不使用虛擬 DOM，這使其輕量，並具備超高的內存效率。

6

Devicon

Devicon 是一組彙集了編程語言、各種設計與開發工具的圖標合集。你可以將整個圖標字體導入到項目里，或者直接複製、粘貼 SVG 代碼來使用它。

7

Vanilla Tilt

Vanilla Tilt 是 Fork 自 Tilt.js 的輕量級 3D JS 庫，它接近原生，並提供了豐富的功能（60 FPS 動畫、大量的效果、優秀的定製），同時它還增添了基於 data-attributes 易用的 HTML API.

8

Flubber

這是一個幫助你生成流暢平滑過渡效果的 JS 庫。Flubber 提供了一系列依據形狀類型進行不同種類的插補方法，該庫可同時與 SVG 路徑或 x：y 坐標數組一起使用。

9

billboard.js

billboard.js 是一個基於 D3 的圖表庫，用於快速的建立美觀、漂亮的圖表。它由具備所有 API 方法的 JS 內核，以及可供修改的所有 CSS 樣式文件組成。同時，它還擁有超過 15 種不同類型的圖表和大量額外的自定義選項。

10

Share-this

Share-this 是一個輕量級插件，它能夠為頁面中的任意選定文本添加快速分享選項。它的界面與Medium 的選定文本分享界面相似，並且還帶有一個包含了各種按鈕的小型提示工具，用於在你選定的社交媒體上進行分享。

11

Bojler

Bojler 是一個用於編寫 HTML 代碼的電子郵件模版與指南，可以在眾多流行的電子郵件客戶端中準確呈現。它包含了類似於 Bootstrap 的 12 列網格系統，各種樣式的組件以及其他實用的程序。

12

Study

Study 是一個簡潔、靈活、清晰的 A/B 測試工具。該工具可以同時在瀏覽器和伺服器環境中工作，同時支持多存儲驅動程序，並具有清晰、文檔齊全的 API.

13

Nextein

Nextein 是一個靜態網站和博客生成器，它由 React 伺服器端渲染庫 Next.js 提供強大的支持。它支持 React 進行網站的構建，還支持 Markdown 編寫內容，並且它的安裝和設置相對容易。

14

Now UI Kit

Now UI Kit 是一個構建在 Bootstrap 4 上的 CSS 框架。它具備超過 50 種扁平的樣式組件，Nucleo 圖標集和用於原型設計的 Sketch / PSD 文件。同時，它還提供了 3 套頁面模版（著陸、登錄和個人資料頁面），幫助你立即開始使用。

15

Ink

Ink 是一個使用 React 風格開發命令行界面應用的工具。作為可選插件，它實現了使用 Redux+React 的最低功能需求。

英文原文：15 Interesting JavaScript and CSS Libraries for July 2017

作者：Danny Markov

譯者：IT程序獅

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！