Template0 免費網頁模板目錄,把一萬個模板搜尋變成三軸篩選

Template0 是收錄超過一萬個免費網頁模板的目錄站,條目連回 GitHub 與原作者網站,支援應用分類、技術棧語言、授權條款三軸篩選。條目頁的語言、授權與星數同步自 GitHub API,無授權的 repo 如實留白;收錄與精選出於站長個人品味,條目連結帶行銷參數,授權把關由使用者自理。

用 AI 摘要這篇文章:

免費網頁模板從來不缺供給,缺的是被找到的路徑。做出好模板的工程師多半不擅長推廣,Google 搜「free landing page template」前排永遠是付費模板市場的廣告與行銷頁,GitHub 上星星三千的 repo 也只在懂門道的人之間流傳。Template0 這個目錄站回應的就是這個缺口:它把散落在 GitHub、模板工作室與個人網站裡的免費模板收成一個可以篩選、可以比較、點了就回到原作者那裡的入口。

先講定位,因為這決定你對它的期待。Template0 是目錄,不是模板庫。站上有一萬多個模板條目,但站方不代管任何檔案,條目頁那顆 Visit template 按鈕把流量送回原作者的網站或 GitHub repository。我抽了五個不同類型的條目核對按鈕去向:三個連到 GitHub(chronark 的作品集模板、E2B 團隊的 AI 對話應用模板 fragments、TailGrids 的 Astro 起始模板),兩個連到模板工作室 AdminMart 與 MonsterOne 的產品頁。五條連結全部指向站外原始出處,這與站方在 About 頁的陳述相符:不代管任何預覽內容或原始碼,連結回到創作者自己的網站,流量與搜尋排名歸原作者。

這個「只做發現、不做代管」的定位對讀者有兩個直接後果。正面的那一面:收錄強制要求線上 demo,你在點進任何條目前都能先看到模板跑起來的樣子,不存在下載了才發現與截圖不符的賭注;站方也明說會排除那些要註冊才能下載的模板,所以條目連出去不會撞到註冊牆,最糟的情況就是回到 GitHub 頁面自己按 fork。要冷靜看待的另一面:目錄上看到的永遠是入口,真正的檔案在別人手裡,下載、授權、更新這些事都發生在原作者那一端,站方沒有備份也不負責任。對創作者來說這筆交易是划算的,收錄免費、帶流量、附一枚可放回自己 repo 的徽章,等於多了一個把作品推到搜尋者眼前的免費渠道。

一萬零五百九十四個條目,先當量級看

以 sitemap 全量統計,站上現有 10,594 個模板條目頁,首頁顯示的數字是 10,592,兩者差兩條。即時計數本來就會漂,讀作一萬出頭的量級就夠。真正值得看的是它怎麼把這個量級切開:19 個應用分類,從 Agency、Blog、Portfolio、Dashboard 到 Ecommerce、Hospitality、Music、Photography,每個分類頁一屏 24 條,光 Dashboard 一個分類就有 839 個條目。對照常見的替代方案,GitHub 主題搜尋給你的是星星數與更新時間,Google 給你的是行銷頁的排序,兩者都沒有「這個模板適合什麼場景」的分區概念。

這也是我認為目錄站在 2026 年還有存在理由的原因。AI 生成程式碼讓「從零刻一個 landing page」的成本大幅下降,但大多數專案要的其實是一個結構合理的起點:導覽列、hero 區、定價表、footer 都已經排好,你改文案換顏色就能上線。這種需求的本質是瀏覽與比較,先看到十個真實的版面配置,再挑一個回去改,比對著空白編輯器描述你想像中的版面快得多。目錄把「換站想關鍵字」的搜尋勞動,收斂成單站內的分類加語言加授權篩選,這是它對開發者最實際的價值。

篩選三軸:應用分類、技術棧語言、授權條款

首頁的篩選器有三個軸向。應用分類剛才說過;技術棧語言有近 60 個選項,從 Astro、Vue、Svelte 這類框架,到 Rust、Haskell、Typst 這些你意外會拿來寫網站的語言都有(這個軸讀的是 GitHub 偵測的專案語言,React 專案會落在 JavaScript 或 TypeScript 底下);第三個軸是授權,26 種選項從 MIT、Apache-2.0、BSD 系列、CC-BY-4.0 到 WTFPL 與 Unlicense。

Template0 首頁畫面,上方為搜尋與篩選器,下方排列模板卡片與分類捷徑Pin
Template0 首頁:應用分類列在左側,語言與授權篩選在上方工具列(2026-11-06)

第三軸是最有價值也最少見的一個。找免費模板的人最終都會撞上同一個問題:這個模板能不能商用?改完之後要不要署名?這些答案在授權條款裡,但多數模板集合站把授權資訊埋在條目頁角落或根本不給。GrayGrids 那類老牌模板站也標授權,可是沒有把它做成篩選軸;Slidesgo、Gslides 這類簡報模板庫則是另一個品類,授權規則相對單純。對網頁模板來說,能先按授權把候選砍掉一半,再進細節頁比較,這個流程順序是對的。

實際操作起來像這樣:假設你要做一個後台管理介面,技術棧定在 Vue,客戶案要求避開有衍生義務的授權。進 Dashboard 分類,把語言篩成 Vue、授權篩成 MIT,839 個條目會先收縮一輪,剩下的再逐個開 demo 比較版面,挑兩三個進入條目頁看星數與最近更新時間,最後回到原作者的 repo 讀授權全文。同樣的需求若走 Google 路線,你得在「Vue admin template free」幾種關鍵字組合之間反覆換站、自己過濾掉廣告與付費結果,再把每個候選的授權一個個挖出來。目錄省下的就是這段重複勞動。

Template0 的 Dashboard 分類頁,顯示共 839 個模板條目與每頁 24 筆的列表Pin
Dashboard 分類共 839 個條目,頁首顯示 Showing 1-24 of 839,右側為語言與授權篩選(2026-11-06)

讀授權這件事本身,幾個大原則先放在心上:MIT 與 Apache-2.0 屬於寬鬆授權,商用、修改、再散布大體上都沒問題,Apache 條款另外要求保留專利與商標聲明;CC-BY 4.0 允許商用但要標示出處;AGPL-3.0 有較強的衍生程式碼公開義務,拿來做對外服務前值得先讀完條款;至於完全沒有授權檔的 repo,預設立場是作者保留所有權利,什麼都沒給你。授權細節永遠以條款原文為準,這段只是幫你把候選砍到剩下一小撮。

條目頁的四個欄位直接讀 GitHub,而且讀得準

點進 GitHub 來源的條目頁,側邊的資訊欄會顯示這個模板的技術語言、授權條款、GitHub 星數與 repository 最近更新時間。這四個欄位的來源是 GitHub API,由機器同步,不經人工填寫,這點我核對過:E2B fragments 條目顯示 TypeScript、Apache-2.0、6,370 星,與 GitHub API 同日回傳的 6,406 星相差不到 1%,授權完全一致;chronark 作品集模板的條目顯示 819 星,API 是 815,同樣在快取時間差的小幅漂移範圍內。星數本來就是浮動數字,拿目錄上的值做量級判斷很夠用。

Template0 條目頁畫面,左側為模板預覽圖與介紹,右側為 Visit template 按鈕與資訊欄Pin
條目頁側邊的資訊欄同步自 GitHub:語言、星數與最近更新,此模板無授權檔故不顯示 License 欄(2026-11-06)

更值得注意的是反例。chronark 那個 repository 沒有授權檔,條目頁就正確地不顯示 License 欄位,只列語言與星數。這個細節值得停下來看:「公開」與「授權」在自由軟體世界是兩件事,repository 設為 public 只代表別人看得到程式碼,不代表別人獲得了重用、修改或商業使用的權利。GitHub 上為數不少的模板作品集正處於這個狀態,作者歡迎你參考,但法律上你什麼權利都沒拿到。Template0 把「沒有授權」如實留白,不硬填一個 MIT 進去,這個誠實讓篩選結果值得信賴。它的 Terms 也把責任邊界寫明白了:每個模板的授權屬原作者,收錄不移轉所有權,也不構成任何保證,使用前自行檢查授權、相容性與安全性。換句話說,目錄幫你把授權資訊帶到眼前,把關這一步仍然在你。

這套機器同步的詮釋資料還有一個邊界要先知道:它只存在於 GitHub 來源的條目。以攝影師作品集模板 Wink、AdminMart 的電子學習模板為例,這兩個市集來源條目的資訊欄是空的,沒有語言、授權、星數任何一欄,因為那些欄位本來就是從 GitHub API 帶回來的。對應到篩選行為,授權軸與語言軸實際覆蓋的是 GitHub 來源的那一部分收錄;市集來源的模板授權規則要看各市集自己的頁面,AdminMart 免費模板的授權條款與 GitHub 上的 MIT repo 是兩套世界。篩選時如果發現某個條目在授權軸下篩不出來,先回條目頁看資訊欄是不是本來就空。

條目介紹文字則是另一種來源:多半取自原始出處的原文。同一個 Wink 條目的介紹直接沿用 TemplateMonster 系產品頁的文案,連「付費版包含 PHP 表單與技術支援」那段推銷文字都原樣帶進來。這不影響正確性,但你讀條目時要心裡有數,那是市集的行銷文字,經過目錄轉手,語氣自然偏正面。想看模板真實的樣子,直接點 demo 圖或縮圖進入預覽,比讀介紹快。

順帶一提,若你在條目頁看到心動的模板,建議當場把 repository 連結存進自己的書籤,或直接 fork 一份。目錄的價值取決於它活著,模板的價值取決於它的 repo 活著,兩者都不在你的控制範圍內。

收錄標準是站長的眼睛,不是審核機制

About 頁對收錄條件寫得明白:模板必須免費、必須有可用的線上 demo、外觀要過站長基本篩選,需要註冊才能下載的直接排除。精選推薦(featured)的三個準則是程式結構清晰易改、外觀簡約現代、設計相對獨特,站長特別點名終端機風格這類特殊設計容易入選,並明說這純粹出於個人偏好。站方也提供收錄徽章讓創作者放在自己的 demo 頁或 repo,換取回流流量,收錄本身對創作者是免費的曝光渠道。

這套標準的性質是策展。站長一個人憑品味決定誰進得了門,沒有社群評分、沒有程式碼品質檢測、沒有無障礙或效能檢查。好處是一萬個條目不至於變成垃圾堆,基線以上的美感有把關;代價是收錄範圍反映單一個人的視野與偏好,你要的冷門場景(金融後台、醫療預約頁、多語系電商)涵蓋多深,只能自己進分類頁驗證。Single-Serving Sites 那種把收錄與排除規則全公開的極簡網站清單是目錄的另一種做法,透明度高但主題更窄;也有像免費設計素材庫 Freebiesbug 這類以素材為主的集合站走量的路線。做法有別,共通點是:目錄的品味邊界就是站長的視野邊界,這句話對每個人工策展的集合站都成立。

商業模式:贊助欄有標示,條目連結帶行銷參數

免費目錄要活下去就得有收入。Template0 的贊助欄常態有八個位置,我造訪時掛著四個:PDFuck(瀏覽器 PDF 工具)、HUNT0(產品發布聚合)、Edit0(對話式修圖)、Turbo0(內容創作工具),從命名與定位看是同一批人或緊密合作夥伴的產品矩陣。贊助連結的 HTML 屬性帶 nofollow sponsored,原始碼層面標示清楚,About 頁寫明拒收非法品牌,Terms 要求贊助資訊準確並保留移除權,付款與訂閱由第三方服務 Waffo 處理。

條目連結這邊有一個值得誠實說明的細節。五條抽樣的 Visit 按鈕全部帶 utm_source=template0.com 的行銷參數,代表站方在追蹤自己目錄帶去的流量,這是內容站衡量導流效果的標準做法;前端程式碼裡也保留了一個 affiliateLink 欄位,條目若啟用,連結屬性會切換成 nofollow sponsored。我抽的五條都未啟用,顯示為一般外部連結,但欄位的存在說明商業連結屬於設計內建的可能性,而且其中兩條連向的 AdminMart 與 MonsterOne 本身就是有付費升級版的模板市集,Wink 的免費版連到 MonsterOne 產品頁,同頁就在推它的付費方案。對讀者的實際影響有限:連結去向都是真實的原始出處,免費版也真的免費,但「點出去同時被推銷付費版」是瀏覽時會遇到的現實,看待收錄位置時心裡留一份警覺就好。

單人維運、閉源、無自架:把它當入口,別把它當資產

站長是 Justin3go,自述前端工程師,GitHub 帳號 2020 年起使用,網站統計跑在自架的 umami 子域上,另載入 Google Analytics,聯絡信箱在 Terms 與 Privacy 都有揭露,是個身分可追溯的獨立開發者。GitHub 上有一個 template0.com 的同名 repository,內容只有一份 README,沒有原始碼也沒有授權檔,建立於 2024 年 12 月後未再推送;站本體閉源,沒有自架選項,圖片等資產走 Sanity 的 CDN,帳號與贊助記錄放在 Cloudflare 的 D1 與 R4 上。從 repo 建立時間推估,網站至少運作近兩年,sitemap 的 lastmod 最新到 2026 年 11 月 5 日,收錄仍在活躍更新。

這些事實拼起來的圖像是:一個工程師用業餘時間維護的策展站,活著,且還在長,但它的存在完全依賴站長一個人持續投入。目錄站有個先天的脆弱性,它手裡只有連結、沒有檔案,網站消失的瞬間一萬條入口同時失效,沒有離線備份可言。所以正確用法是:用它找模板,找到之後把 repo 存成自己的。另外介面只有英文,沒有中文選項;分類與篩選的名詞都簡單,條目介紹偶爾需要借助翻譯。瀏覽目錄完全不需要帳號,帳號功能主要圍繞贊助與站方服務,隱私政策對帳號資料(Better Auth 處理驗證)與贊助款項(Waffo 代收)都有分開交代,2026 年 10 月剛更新過。

接案者與轉職者,加上四個自查動作

適合的情境很具體:你要幫下一個專案找 landing page、作品集、部落格或後台管理的起點,想按技術棧(Astro、Vue、Svelte)與授權先砍掉不合用的候選,再進入 demo 逐一比較。放在台灣的脈絡裡,兩種人受惠最多:接案的網頁工作者,客戶要一個「長得像樣」的形象官網或活動頁,預算卻只夠客製化一部分,從目錄挑一個寬鬆授權的模板改文案改配色,中間省下的時間就是毛利;另一種是學生與轉職者,作品集不需要從零證明什麼,把力氣留給內容,用模板把殼先立起來。不適合的情境同樣具體:你要的是設計完成度高的成品級主題,那是付費市集的服務範圍;你需要中文介面與中文支援;或者你要把「模板一定可以商用」寫進對客戶的合約,沒有任何目錄能給這個保證,答案永遠在每個模板自己的授權條款裡。

下一步很簡單:打開 template0.com,進 Categories 挑分類,在篩選器把語言設成你的技術棧、授權設成你案子的紅線,剩下的就是開 demo 看版面。挑中條目後按 Visit template 回到原作者那裡,接著做目錄幫不了你的那四個檢查:讀授權全文確認用途涵蓋你的場景;看 repository 的最近 commit 與 issue 狀態,判斷它還活不活;打開 package.json 或依賴清單看技術棧版本,太舊的依賴改起來比重新刻還累;把 demo 與 repo 實際內容對照一下,確認你看到的就是你會拿到的。做完這些再 fork 或下載,開始改。整個流程不用註冊、不用付費、也不用裝任何東西。

一句話收尾:Template0 把免費模板的發現層做扎實了,連出去之後的授權判斷與長期保存,仍然是你自己的工作,而它也從沒假裝要替你做這兩件事。

Sliven 褚崇名
Sliven 褚崇名

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

文章: 2309

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


Share to...