大量資源助您加快建置速度。我們喜愛我們有創意、足智多謀、積極的 Foundation 社群。全球各地的人們都使用 Foundation 來製作美麗的網站,而社群持續製作一些令人難以置信的附加元件,讓它更上一層樓。看看這些您可以在專案中使用的精采 CMS 範本、外掛程式、佈景主題、圖示字型、工具等等!
Angular
Pinecone 的優秀團隊為 Foundation 建立了一個 Angular 埠。Angular.js 協助建立單頁式應用程式,只需要在用戶端使用 HTML、CSS 和 JavaScript 的單頁式網頁應用程式。
- Foundout6 - 基於 Foundation 6 和 SCSS 的基本 Joomla 範本
- 使用強大的 Foundation 6 架構進行視覺化設計。 由 Coffee Cup 提供
- 基於 Foundation 標記和 CSS 的原生 AngularJS 指令
- JointsWP Foundation 6 WordPress 佈景主題 由 Jeremy Englert 提供
- Foundation 6 Shopify 樣板
- Foundation for Sites 6 Nuget 套件 作者:Abdullah Salem
- FoundationPress WordPress 初學者主題,基於 Foundation 6 作者:Ole Fredrik Lie
- Foundation 6 的材質設計版本 作者:Mikolaj Dobrucki
- Project-Yeti WordPress 初學者主題 作者:Simon Hayter。
- Foundation 6 的 TypeScript 設定檔 作者:Sam Vloeberghs
- Foundation 按鈕的 Font Awesome 支援 作者:Josh Medeski。
- Foundation for Sites 6 Atom 程式碼片段 作者:George Bratsos。
- Sketch 3 的 Foundation for Sites 範本。 作者:Stephen Way。
- Jekyll 3 專案,使用 Foundation for Sites 6 Sass。 作者:Chris Orendi。
- Foundation 6 的 Coda 2 片段 作者:Zack Warren
- Axure Foundation 6 UI 套件 作者:Adam Misosky
- Foundation 6 for Sites Joomla 範本 作者:Remco Janssen
- 安裝 NodeJS、Foundation 6 和 Firebase 作者:Franz Noel
- Axure Foundation 6 小工具程式庫 作者:Elios Lino
- Foundation 6 Visual Studio 程式碼片段擴充功能 作者:Dave Joyce
- Bones:Grav CMS 和 Foundation 6 的主題 作者:Ben Lee
- Axure 和 Sketch 樣式程式庫 作者:Pointsource
- Foundation 搭配 Angular CLI
- Shiro 是由 Copperhaus 設計的頂級 Shopify 電子商務主題。
- 使用 Foundation 6 的 Brunch 範本。 作者:Bass Jobsen。
- Yeoman 產生器,用於建立 Foundation 6 前端 Web 應用程式的架構。 作者:Bass Jobsen。
- Scratch - 一個 Yeoman 產生器,用於快速建立新的 Foundation WordPress 專案。 作者:Sixteenbit。
- Foundation 6 CDN 透過 JSDeliver
- Motion UI WordPress 外掛程式,搭配 Wow.js
- 使用 Foundation 6 的 Jekyll 靜態網站專案 作者:Troy McGinnis
- Foundation 6 WordPress 的 Menu Walker 類別 作者:wLc Designs 的 Will
- Gulp + Angular + Foundation 6 作者:Fulup Ar Foll
- Foundation for Sites 6 搭配 Java Server Faces 作者:Stefan Katerkamp
- Project Yeti WordPress 主題,作者:Simon Hayter
- Croft - 使用 Foundation 6 和 Hybrid Core 建置的 WordPress 主題,作者:Brett Mason
- Yii 2 Basic Gulp Sass PHP 應用程式範本,適用於 Foundation 6,作者:Jacob Moen
- Yii2 與 Foundation 6 和 PHP,作者:Foundationize
- WebStorm Foundation 6 片段,作者:Laurent Remy
- 使用 ZURB Foundation 6 的 Wagtail CMS 和 Django 的 Cookiecutter 範本
- 取得任何裝置的媒體查詢,作者:Michael Gannon
- Foundation 6 Metalsmith Nunjucks
Angular
Pinecone 的優秀團隊為 Foundation 建立了 Angular 埠。Angular.js 協助建立單頁式應用程式,此類應用程式僅需要客戶端的 HTML、CSS 和 JavaScript。
適用於 RapidWeaver 的 Foundation
適用於 RapidWeaver 的 Foundation 使用最新技術,讓您的網站飛速進入現代化時代。更別提它建置的速度有多快!由 Joe Workman(Foundation 認證)為 Foundation 5 建置
Rapid Foundation | RapidWeaver + Stacks + Foundation
適用於 Foundation 的 Pinegrow 編輯器
Pinegrow 網頁編輯器 - 適用於 Foundation 的視覺化網站建置器桌面應用程式
格線
- 實驗性格線產生器,感謝 Ville Vanninen
- 格線顯示器書籤小工具,作者:Antoine Lefeuvre
- 回應式設計書籤小工具,作者:Victor Coulon
文字編輯器片段
- Brackets 擴充功能,可將 ZURB Foundation 5 基本範本新增至您的網頁,作者:George Bratsos F5
- Textmate/Sublime Text 2 組合,作者:Liam R
- ZURB Foundation 5 Sublime Text 片段,作者:ZURB F5
- 適用於 Coda 2 的 Foundation 5 剪輯 ,作者:Zacksmash F5
- 適用於 Atom 編輯器的 Foundation 5 片段 ,作者:Laurent Rémy F5
外掛程式
- 影像模糊材質 by ZURB Playground
- 圓餅圖、長條圖和折線圖 by ZURB Playground
- Foundation 圖示字型 3 by Foundation Team
- Foundation 日期範圍選擇器 by Talha Asad
- Epoch 圖表 by Jordan Feldstein
- ZMultiSelect 外掛程式 by Andrea Mariani F5
- MultiSelect 外掛程式 by Andrea Mariani F4
- Foundation 短碼外掛程式 by Wordpress F5 F4
- Foundation 黏著式頁尾 by Corey Snyder F5 F4
- Foundation 滑動置頂列 by Mike at Pixelspring F5
- Foundation 響應式樣式磚塊 F5
- 功能豐富的擴充功能 - Foundation for Contao by Monique Hahnefeld F5
程式碼遊樂場
其他工具
- 建構區塊 by ZURB
- 近乎扁平化使用者介面 by Amit Gaur F5
- Foundation 和設計課程 by ZURB
- 模組化比例 by Mason Wendell 和 Scott Kellum
- Foundation 的離線文件 by Foundation Team
- Less 版本 by Justin Marsan
- Less 搭配配色方案 by Matalin Hatchard
- HAML 網頁範本 by Peter Bonnell
- Responsinator - 查看您的網站回應狀況 by Tama Pugsley & Andy Hovey
內容管理主題 (CMS)
Wordpress
- JointsWP by Jeremy Englert F5
- Get Underwood by James Best F5
- WP-Forge by Thomas E. Vasquez F5
- FoundationPress by Ole Fredrik Lie F5
- Grunterie based on Reverie by George Spake F5
- WordPress 的 Ingliside 主題 by wLc Designs F5
- WordPress 的 Walker Menu Class by wLc Designs F5
- Nassim by LebCit F5
- Timber Foundation by Mike Martel F5
- Picotto by Jonathan Urban F5
- Spine by Paul de Wouters F5
- NARGA by Nguyễn Đình Quân F5
- WP Premium by R. Bhavesh F5
- Corner Stone by Stephen Mullen F5
- WordPress Starter Theme by Simon Padbury
- Reverie by Zhen F5
- Rootbeer by Josh Medeski F5
- Clean Yeti by Serene Themes F5
- Green Yeti by Serene Themes F5
- Basey by Zach Schnackel F5
- FoundationWP by Geoff Graham F5
- App Starter by Josh Pollock F5
- Starter Theme by Drew Morris F4
- Flair by Bronson Quick F4
- Reactor 作者:Anthony Wilhelm F4
- f415 作者:Gabor Javorszky F4
- SmartAdapt 作者:netbiel F4
- Underscore Foundation 作者:Leonard Bogdonoff F4
- required+ Themes 作者:required+ F3.25
- Yeti 作者:Modular Learning F3.2
- WP-Foundation 作者:320press F3
- Grunterie 作者:Adam Powell F5
Drupal
- ZURB Foundation Drupal Theme 作者:Kevin Quillen F5
- Zoundation Theme 作者:Andrea Burton 和 Jeff Graham,FunnyMonkey F4
- Zurb Foundation 支援 Drupal 8 作者:Chris Lee 和 Ishmael Sanchez F4 F3.2
- Drupal Theme 作者:Drew Kennelly F4
Ghost
- Ghost theme with Grunt Scss workflow 和 部落格 作者:Julian Cwirko F5
- Phantom Yeti for Ghost 作者:Slate Ballard F4
- Ghostion for Ghost 作者:Jim Bennet F5
Jekyll
- Noita 作者:Anatol Broder F5
- Jekyll + Foundation 作者:Leonard Bogdonoff F4 Sass
- GrooveMonkey 作者:Dave Cohen F3 CSS
- Loaded Jekyll site skeleton built on Foundation 作者:Evan Sosenko F5
Joomla
- 改造 Joomla 3.x 的 Framework Foundation v5
- JoomberUI 由 The Template Blog F5
- Joomla Template 由 Arnold Mwumva Ford, Meridian Softech F5
- Joomla Template 由 Antony Doyle, Siege21 F4
Middleman
- Middleman Skeleton 由 Andrea Moretti F5
- Middleman Foundation 由 Brian Lachniet F5
- Middleman Foundation Template 由 Matt Olson F4
Contao
- 功能豐富的擴充功能 - Foundation for Contao by Monique Hahnefeld F5
- Foundation for Contao 還有 Slick for Contao 由 Blair Winans F5
其他 CMS 主題
- Foundation for Silverstripe 由 Ryan Wachtl F5
- Foundation for NationBuilder 由 Ian Patrick Hines F5
- Laravation for Laravel 由 George Spake F5
- OctoFound for Octopress 由 Anne Johnson F5
- Flexibility Theme for MODX 由 Menno Pietersen F4
- Foundation for Moodle 由 Danny Wahl F4
- Foundation for Omeka 由 Kate Lomax F4
- Foundation for Orchard CMS 由 Codeplex F4
- PyroYeti for PyroCMS 由 Timothy Asp F4
電子商務
Shopify
- Foundationify Shopify Theme 由 Luke Bussey F5
- Shopify Foundation Theme Framework 由 Cam Gould F5
Magento
- Waterlee Boilerplate 由 Jake Sharp F5
- Magento & Foundation 由 Nandroid F3
Cubecart
- Cubecart 電子商務主題 由 Al Brookbanks F5
後端
Django
- 基於 Foundation 的 Pinax 主題 由 Christopher Clarke、Kwesi Aguillera 和 Lendl Smith F3
- Zinna Django 部落格主題 由 Augustin Laville F5
Meteor
- 適用於 Meteor 的 Foundation 5 搭配 Scss 和部落格 由 Julian Cwirko F5
- Meteor 套件 由 Eric Wallace F4
- Foundation Smart 套件 由 MixinLabs 和 Arturas Lebedevas F5
- Foundation Smart 套件 由 MixinLabs 和 Arturas Lebedevas F5
.NET
- 適用於 ASP.Net MVC 的 NuGet 套件 由 Edward Charbeneau F5 F4
- Kartris 電子商務 由 Cactusoft Ltd. F4
其他後端主題
- 適用於 Flask (Python) 的 Foundation 封裝器 由 Pedro Baumann F5
- Pyramid 架構 (Python) 由 Parker Pinette F4
- 執行於 Express (Node / io.js) 的 Foundation 基礎網站入門範本 由 Nguyen Ly F5
- 回應式 CodeIgniter BoilerPlate (PHP) 由 Arnold Mwumva Ford、Meridian Softech F3
- 適用於 Slim (PHP) 的 Slim Fast 由 Gargoyle F4
- Ember Foundation Sass F5
- 簡單的使用者管理系統使用 Slim Framework、Facebook php sdk、Swift Mailer、PHPExcel、Foundation 和 jQuery 由 Garrett R. MorrisF5
付費主題
Foundation 主題合輯
個別主題
- Athletic for Bigcommerce by Sprout Commerce
- Clarity for Bigcommerce by Sprout Commerce
- Woocommerce by WPTHM
- PolarCore Theme for Magento on AddonBakery
- Foundation Black and White for Shopify
- Business Template by Chad Connally
PSD 範本
- Foundation GUI Kit (PSD) by Ole Fredrik Lie F5
快速原型製作
- Rails FormBuilder with Foundation by Marnen Laibow-Koser
- ditbi by Rob Levin 4 分鐘示範影片
- Rapid Prototyping with Serve Foundation by Ale Muñoz F4
Axure 的 Foundation UI Kit
Foundation UI Kit for Axure by Ole Fredrik Lie F5其他原型製作資源
- Sketch Foundation Kit by Stephen Way F5
- Foundation for Sites 5 Sketch Kit by 4ebstudio F5
- Sketch Foundation Navigation Kit by Tim Skaggs F5
- Foundation Mockups by WireframeSketcher F5
CodeKit
一款 Mac 應用程式,讓你可以使用 CodeKit,透過 Foundation 更快速地建置網站。CodeKit 內建零設定和 Bower,能以一次點擊更新的方式編譯任何語言。
Cactus
Cactus 讓你能夠輕鬆且靈活地使用 Foundation 在本地端建置網站。使用 Cactus,你可以將網站元件與本地端伺服器整合,而無需設定 Ruby 等伺服器環境。
Yeoman Generator
- generator-aspnet-xtianus - Yeoman generator for ASP.NET 5 apps by Christian Matthias F5
- FrontCow - Foundation + Bourbon + FontAwesome + Atomic Design by Benjamin Cabanes F5
- Generator Foundation Five by bauschan F5
- Generator ZF5 by Julian Cwirko F5
- Yeoman-Foundation by Vincent Mac F5
- Generator-Foundation-Ext by James Akers F5
- Yeoman 1.0-Foundation 4 by Leonard Bogdonoff F4
Ruby on Rails Sass Gems
- Foundation Icons 2 by J. P. Nowak
工作流程
- 使用 Foundation 的 Pelican(一個靜態網站產生器) 及 Steve Piercy 的示範和文章 F5
- Foundation Alfred by Josh Medeski F5
貢獻
想要參與嗎?提交你製作的作品或分享你最喜歡的資源。 寄信給我們!