Zeek WordPress starter theme based on _s and Foundation
Alternatives To Heisenberg
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Typography.js3,7572,2061864 months ago79May 10, 202195mitJavaScript
A powerful toolkit for building websites with beautiful design
Argon Theme3,160
2 months ago120gpl-3.0PHP
📖 Argon - 一个轻盈、简洁的 WordPress 主题
Understrap2,9578113 days ago37November 08, 202175gpl-3.0CSS
Underscores + Bootstrap = Understrap, the renowned open-source WordPress starter theme.
2 months ago20gpl-2.0PHP
A Wonderful WordPress Theme: 樱花庄的白猫博客主题
Frontity2,8236672 months ago60July 19, 202266apache-2.0TypeScript
» Frontity - The React Framework for WordPress
4 years ago35April 12, 201955mitPHP
FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
7 days ago11gpl-3.0PHP
📖 WordPress theme that focus on reading experience
Plugin Update Checker1,927633016 days ago31July 24, 202279mitPHP
A custom update checker for WordPress plugins. Useful if you don't want to host your project in the official WP repository, but would still like it to support automatic updates. Despite the name, it also works with themes.
a day ago6gpl-2.0PHP
一个多彩、轻松上手、体验完善,具有强大自定义功能的WordPress主题(基于Sakura主题,支持简繁英日多语言)A Colorful, Easy-to-use, Perfect Experience, and Powerful Customizable WordPress Theme (Based on Theme Sakura. Support Simplified Chinese, Traditional Chinese, English and Japanese languages)
a year ago20November 21, 202032other
An advanced Gulp workflow for WordPress development with extensive documentation. Used by 40,000+ themes and plugins.
Alternatives To Heisenberg
Select To Compare

Alternative Project Comparisons

Heisenberg - Zeek Starter Theme

A minimalistic WordPress starter theme, based on Underscores and Foundation for Sites, version ^6.4.3.


  • Node.js 9.x and npm 5.x

How to get started

  1. Clone or download the project onto your themes directory (./wp-content/themes)
  2. Run a find for the string/slug heisenberg throughout the theme and replace it with your project name.
  3. Run npm install
  4. (optional) Copy the variables.sample.env file and name it variables.env to override some development variables
  5. Run npm start.


The theme uses Webpack as its bundler with ES6 modules for JavaScript files.


npm run build

This will run both a production and development set of webpack tasks. The enqueue hook will load the correct version of the JS file, based on whether your development/staging server contains the SCRIPT_DEBUG set to true.


How to use the Foundation JS files

The theme uses ES6 Modules, so use the existing foundation.js file as a guide to bring in additional Foundation JS modules. There is an existing module included as an example (Tabs).

How to use the Foundation Sass files

Using the _settings.scss file, you can overwrite a Foundation default style before things get compiled, thereby making your final CSS lighter. To do so, find the variable in the file, uncomment it, and set the value you desire. The file is located in ./assets/sass.

Also, in the app.scss file, you can remove a Foundation CSS module by commenting out the associated mixin. For instance, if your project doesn't use Foundation's Orbit module, simply comment out the @include foundation-orbit mixin and the code will never reach your final app.css file.

Be sure to check Foundation’s docs on using Sass and their mixins for custom control on styles.

Popular Theme Projects
Popular Wordpress Projects
Popular User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.