這篇文章會以我知道的能箱使用的組件庫列出來，再加一點點心得

Material components web

這個函式庫是google利用LitElement這個自家生成web compoent的函式庫建構的，主要目的就是把google自己的google material Design做成web component。因為有許多網站使用google material Design，我是認為這個庫可以方便大家使用google material Design。如果完成的話

現在這個庫還沒完成，也許明年就能完成了吧

Polymer elements

這是google在推動web component時所建立的一系列組件庫，一共一百多個組件。裡面分成二個類別。paper開頭的都是可以直接使用的，包含一定外觀的組件。iron開頭的就不一定能直接使用，有些是包在HTML元素之外增加功能的，有些要和其他組件組合使用的。建議大家只要使用paper開頭的組件就好。

fast.design

同昨天的文章，這個套件是由microsoft出品的，可以直接使用現成的組件也能客製化CSS配置。

Wired elements

因為這個套件是手繪設計風格，也許正式專案不好用，但個人專案可以用一下?

UI5-webcomponents

這個組件庫是以 SAP Fiori Design這個設計風格為前提做的組件庫。

Elix

這是少數沒有綁定特定設計風格的組件庫，我個人很喜歡這個組件庫內部的程式碼共用方法。就算沒能使用裡面組件，也可以組合裡面的程式碼來創造新的組件。

webcomponents.org

舊版
網站

這個網站是google推動web component時建立的網站，可以看到其他人做的web componengt，也可以把自己做的web component發表到網站。