作品牆首頁
磚牆式作品縮圖直接當首頁,hover 顯示資訊
Pro首頁排版home-layout7 個區段
安裝
npx shadcn@latest add "https://webberui.com/r/portfolio-wall-home.json?t=<安裝 token>"整頁原始碼會落在 app/templates/portfolio-wall-home/。也可以改用長效授權金鑰:在 components.json 的 registries 設定 Authorization: Bearer <key>,適合 CI 或多人共用的專案。使用範圍見授權條款。
包含的區段
同一套模板內的區段共用設計 token,所以抽換、重排之後配色、間距與動畫節奏仍然一致。可在區段組裝器裡挑選組合。
- 1
導覽列與主視覺
深色磚屋品牌導覽列搭配標語主視覺,含滾動視差淡出與行動版展開選單。
hero - 2
作品磚牆
可依類別篩選的瀑布流作品牆,每塊磚以純 SVG 圖騰呈現並在滑入時顯示案子細節。
gallery - 3
合作客戶跑馬燈
無限循環橫向捲動的客戶名單,兩側以漸層遮罩收邊。
misc - 4
服務項目
四張服務卡片說明品牌識別、網站產品、包裝印刷與動態影像的專案量能。
features - 5
關於磚屋與數據
左側工作室故事文案,右側四格金色數據卡展示專案數與獎項成績。
stats - 6
聯絡行動呼籲
暖色漸層磚紋大卡片,附上信箱與台北大稻埕工作室地址的檔期邀約。
cta - 7
頁尾
品牌標誌、版權宣告、主要導覽連結與社群圖示按鈕。
footer
你拿到的是原始碼
不是 npm 套件、不是 zip 檔。安裝之後整頁的 TypeScript 原始碼就在你的 repo 裡,可以任意修改、無執行期相依、沒有到期失效機制——我們的網站故障不會影響你已上線的網站。
瀏覽其他 103 套模板 →