說到這，最近的“無頭CMS”非常熱門。簡而言之，這是“一個(gè)不涉及前端的內(nèi)容管理系統(tǒng)”。 CMS以類似于RESTful API的形式公開內(nèi)容，而開發(fā)人員可以使用他們喜歡的內(nèi)容。任何形式的內(nèi)容來呈現(xiàn)其內(nèi)容。越來越多的這種模塊化功能框架開始出現(xiàn)，為前端和開發(fā)人員提供服務(wù)。今天的前端干貨收藏包含了很多這樣的工具和材料，希望你喜歡。

無頭WP初學(xué)者

這是一個(gè)Wordpress入門主題。與其他問題不同，此主題使用WP-API獲取內(nèi)容，然后借用Node和React將其呈現(xiàn)為靜態(tài)HTML，以便您的網(wǎng)站可以呈現(xiàn)“無頭”。

VueStoreFront

VueStoreFront是另一個(gè)基于Vue.js和Node構(gòu)建的“無頭CMS”框架。 VueStoreFront專為電子商務(wù)平臺（如Magento，Prestashop和Shopware）而構(gòu)建，與PWA一起使用，它還允許網(wǎng)站脫機(jī)使用。

GatsbyJS

Gatsby是一個(gè)基于React.js的靜態(tài)網(wǎng)站構(gòu)建器。您可以通過API將其與CMS系統(tǒng)一起使用，例如Wordpress，Markdown，JSON等。同時(shí)，它還使用了一些最新技術(shù)，如Node，PWA和React，這些都使得加載速度得到顯著提升。

DustPress

DustPress是一個(gè)Wordpress主題，采用更現(xiàn)代的開發(fā)方法。使用Dust.js，DustPress將HTML模板布局與PHP邏輯分離，允許開發(fā)人員生成更簡潔的代碼，加速開發(fā)并更易于維護(hù)。

VSCode圖標(biāo)

Visual Studio Code已成為當(dāng)今最流行的代碼編輯器之一，它足夠輕巧，有許多插件，并且有許多圖標(biāo)可供選擇。如果您認(rèn)為默認(rèn)的VSCode圖標(biāo)很無聊，則此圖標(biāo)是一個(gè)不錯(cuò)的選擇。

TailWindCSS

TailWindCSS是另一個(gè)CSS框架，但與流行的CSS框架不同，它不提供UI組件。 TailWindCSS包含一個(gè)小的CSS類，您可以編寫自己的UI界面。

Traefik

Traefik是一個(gè)現(xiàn)代HTTP反向代理和負(fù)載均衡器，除了Docker之外還支持Kubernetes，Rancher和Amazon Elastic Container等服務(wù)。

CubeUI

CubeUI構(gòu)建于Vue.js之上，Vue.js是一組用于移動(dòng)端的精彩UI組件，包含各種常用控件。每個(gè)組件都有一個(gè)相應(yīng)的測試單元，以盡量減少隱藏錯(cuò)

空氣

Air是一個(gè)極簡主義的WordPress主題，它為_s主題添加了一些額外的組件，例如輪播和懸停導(dǎo)航。

EmptyStates

EmptyStates是Web和移動(dòng)設(shè)備上常見的空狀態(tài)頁面的集合，為設(shè)計(jì)師提供靈感。

快捷方式設(shè)計(jì)

該站點(diǎn)為常見設(shè)計(jì)人員和前端軟件提供了一組快捷方式，包括Sketch，Photoshop，InDesign，Sublime Text和WordPress等工具。目前，此集合中的快捷鍵主要用于macOS平臺，稍后會(huì)添加Windows。

Uppy

Uppy是一個(gè)用于構(gòu)建上傳界面的JS框架。使用Uppy，您不僅可以從本地磁盤檢索文件，還可以從Google Drive，Dropbox甚至Instagram等外部存儲(chǔ)服務(wù)中檢索文件。它重量輕，模塊化，并具有良好的可擴(kuò)展性。

VuetifyJS

VuetifyJS是一個(gè)基于Vue.js構(gòu)建材質(zhì)設(shè)計(jì)風(fēng)格組件的工具。盡管Google擁有類似MDL和Material Design Lite的類似工具，但它在社區(qū)中并不具有吸引力，而VuetifyJS可能是一個(gè)不錯(cuò)的選擇。

WP ULike

WP Ulike是一個(gè)Wordpress插件，可以添加一個(gè)Like按鈕。無論是自定義頁面還是bbPress或BuddyPress。它還內(nèi)置了一些其他很酷的功能，例如通知系統(tǒng)，分析小部件，它們可能是Wordpress網(wǎng)站中最引人注目的組件。

Vee驗(yàn)證

Vee Validate是一個(gè)JavaScript庫，允許您添加內(nèi)置的經(jīng)過驗(yàn)證的輸入字段。它支持多種類型的輸入格式，包括電子郵件，電話號碼，日期，URL和IP地址。

Vue數(shù)據(jù)表

這是另一個(gè)方便的Vue.js插件。 VueDataTables可以在Vue.js中構(gòu)建自定義分頁表單。它可以無縫地在桌面上呈現(xiàn)大量數(shù)據(jù)，還有其他組件可以幫助您驅(qū)動(dòng)表單，分頁，搜索框和過濾器。

Google員工

Googler是一個(gè)CLI，允許您在命令行上搜索Google，類似于類似的搜索工具，可用于自定義搜索標(biāo)題，描述，URL和分頁以進(jìn)行更詳細(xì)的過濾。它適用于macOS和Linux的深層用戶。

Bolt CMS

Bolt是一個(gè)使用PHP構(gòu)建的內(nèi)容管理系統(tǒng)。它配備了快捷鍵系統(tǒng)，使用Twig作為模板引擎，完全支持PHP7，并且易于通過檢查點(diǎn)TAML文件進(jìn)行自定義。

電傳

Teletype是從Atom編輯器派生的新功能。它允許您與同行一起編寫代碼，您需要做的就是下載并安裝最新的Teletype插件。

Plyr

Plyr是一款尺寸僅為10kb的現(xiàn)代媒體播放器，允許您自定義HTML音頻和視頻播放器，以控制Youtube和Vimeo等實(shí)時(shí)流媒體服務(wù)。

« 蘭蔻的Tanabata廣告如何捕捉男人的心臟？ | 社交電子商務(wù)“擾流”雙十二？商務(wù)：玩吧！ »