GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → roots → Sage

roots / Sage

Licence: mit
WordPress starter theme with a modern development workflow

Programming Languages

PHP
23972 projects - #3 most used programming language
Blade
752 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

webpackwordpresswordpress-themebladewordpress-starter-themelaravelsagetailwindcss

Projects that are alternatives of or similar to Sage

Wordpress Starter
📦 A starter template for WordPress websites
Stars: ✭ 26 (-99.77%)
Mutual labels:  webpack, wordpress, wordpress-starter-theme, browsersync
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (-94.23%)
Mutual labels:  webpack, wordpress, wordpress-theme, wordpress-starter-theme
Bathe
The simplest WordPress starter theme including full setup for Sass, PostCSS, Autoprefixer, stylelint, Webpack, Eslint, imagemin, Browsersync, etc.
Stars: ✭ 65 (-99.44%)
Mutual labels:  webpack, wordpress, wordpress-starter-theme, browsersync
Wp Tailwindcss Theme Boilerplate
A minimalist boilerplate for WordPress theme development using Tailwind CSS, SCSS, and Laravel Mix.
Stars: ✭ 199 (-98.27%)
Mutual labels:  wordpress, wordpress-theme, wordpress-starter-theme, tailwindcss
Wp Tailwind
A WordPress starter theme that utilizes Tailwind + PurgeCSS.
Stars: ✭ 135 (-98.83%)
Mutual labels:  webpack, wordpress, wordpress-theme, tailwindcss
Wordpress Bootstrap
Bootstrap in WordPress theme form - Bootstrap 3.3.1
Stars: ✭ 1,494 (-87.04%)
Mutual labels:  wordpress, wordpress-theme, wordpress-starter-theme, bootstrap
Tailwindcss Tables
Bootstrap styled tables for Tailwind CSS
Stars: ✭ 84 (-99.27%)
Mutual labels:  bootstrap, bootstrap4, tailwindcss
React Dashboard
🔥React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) 🔥
Stars: ✭ 1,268 (-89%)
Mutual labels:  webpack, bootstrap, browsersync
Wordless
All the power of Pug, Sass, Coffeescript and WebPack in your WordPress theme. Stop writing themes like it's 1998.
Stars: ✭ 1,374 (-88.08%)
Mutual labels:  webpack, wordpress, wordpress-starter-theme
Bootstrap 4 Sass Gulp 4 Boilerplate
A Bootstrap 4.5.2 boilerplate with font-awesome, sass, gulp 4 tasks
Stars: ✭ 103 (-99.11%)
Mutual labels:  bootstrap, bootstrap4, browsersync
Jackpine
WordPress starter theme with Timber, Tailwind, and Alpine.js.
Stars: ✭ 101 (-99.12%)
Mutual labels:  wordpress, wordpress-starter-theme, tailwindcss
React Redux Bootstrap Webpack Starter
React 16.9 + Typescript + React-Router 4 + Redux + Bootstrap 4 + Hot Reload + redux-devtools-extension + Webpack 4 + styled-components STARTER
Stars: ✭ 133 (-98.85%)
Mutual labels:  webpack, bootstrap, bootstrap4
Theme
Tonik is a WordPress Starter Theme which aims to modernize, organize and enhance some aspects of WordPress theme development.
Stars: ✭ 1,197 (-89.62%)
Mutual labels:  wordpress, wordpress-theme, wordpress-starter-theme
Bootstrap Blocks Wordpress Plugin
Bootstrap Gutenberg Blocks for WordPress
Stars: ✭ 143 (-98.76%)
Mutual labels:  wordpress, bootstrap, bootstrap4
Banking System
A banking System Created Using Django Python Web Framework
Stars: ✭ 105 (-99.09%)
Mutual labels:  bootstrap, bootstrap4, tailwindcss
Wp React Boilerplate
Boilerplate for creating WordPress plugin UI's with REST API, BrowserSync, Webpack and React
Stars: ✭ 109 (-99.05%)
Mutual labels:  webpack, wordpress, browsersync
Frontie Webpack
Front-end Boilerplate | Gulp 4 + Webpack 4 + Babel + ITCSS Architecture + BEM Methodology + Twig.js
Stars: ✭ 102 (-99.12%)
Mutual labels:  webpack, bootstrap, browsersync
Tailwindo
🔌 Convert Bootstrap CSS code to Tailwind CSS code
Stars: ✭ 606 (-94.74%)
Mutual labels:  bootstrap, bootstrap4, tailwindcss
Honoka
Honoka is one of the original Bootstrap theme.
Stars: ✭ 634 (-94.5%)
Mutual labels:  webpack, bootstrap, bootstrap4
React Bootstrap Webpack Starter
ReactJS 16.4 + new React Context API +react Router 4 + webpack 4 + babel 7+ hot Reload + Bootstrap 4 + styled-components
Stars: ✭ 103 (-99.11%)
Mutual labels:  webpack, bootstrap, bootstrap4
View All Similar Projects ➔

Sage

MIT License Packagist Build Status Follow Roots

WordPress starter theme with a modern development workflow
Built with ❤️

Official Website | Documentation | Change Log

Supporting

Sage is an open source project and completely free to use.

However, the amount of effort needed to maintain and develop new features and products within the Roots ecosystem is not sustainable without proper financial backing. If you have the capability, please consider donating using the links below:

Sponsor on GitHub Sponsor on Patreon Donate via PayPal

About Sage

Sage is a productivity-driven WordPress starter theme with a modern development workflow.

The main branch currently tracks Sage 10 which is in active development. Looking for Sage 9 or the latest Sage 10 beta release? See releases.

Features

  • Harness the power of Laravel and its available packages thanks to Acorn.
  • Clean, efficient theme templating utilizing Laravel Blade.
  • Lightning fast frontend development workflow powered by Bud.
  • Out of the box support for TailwindCSS.

Requirements

Make sure all dependencies have been installed before moving on:

Theme installation

Install Sage using Composer from your WordPress themes directory (replace your-theme-name below with the name of your theme):

# @ app/themes/ or wp-content/themes/
$ composer create-project roots/sage your-theme-name

To install the latest development version of Sage, add dev-main to the end of the command:

$ composer create-project roots/sage your-theme-name dev-main

Theme structure

themes/your-theme-name/   # → Root of your Sage based theme
├── app/                  # → Theme PHP
│   ├── Providers/        # → Service providers
│   ├── View/             # → View models
│   ├── admin.php         # → Theme customizer setup
│   ├── filters.php       # → Theme filters
│   ├── helpers.php       # → Helper functions
│   └── setup.php         # → Theme setup
├── bootstrap/            # → Acorn bootstrap
│   ├── cache/            # → Acorn cache location (never edit)
│   └── app.php           # → Acorn application bootloader
├── config/               # → Config files
│   ├── app.php           # → Application configuration
│   ├── assets.php        # → Asset configuration
│   ├── filesystems.php   # → Filesystems configuration
│   ├── logging.php       # → Logging configuration
│   └── view.php          # → View configuration
├── composer.json         # → Autoloading for `app/` files
├── composer.lock         # → Composer lock file (never edit)
├── public/               # → Built theme assets (never edit)
├── functions.php         # → Theme bootloader
├── index.php             # → Theme template wrapper
├── node_modules/         # → Node.js packages (never edit)
├── package.json          # → Node.js dependencies and scripts
├── resources/            # → Theme assets and templates
│   ├── fonts/            # → Theme fonts
│   ├── images/           # → Theme images
│   ├── scripts/          # → Theme javascript
│   ├── styles/           # → Theme stylesheets
│   └── views/            # → Theme templates
│       ├── components/   # → Component templates
│       ├── forms/        # → Form templates
│       ├── layouts/      # → Base templates
│       └── partials/     # → Partial templates
├── screenshot.png        # → Theme screenshot for WP admin
├── storage/              # → Storage location for cache (never edit)
├── style.css             # → Theme meta information
├── vendor/               # → Composer packages (never edit)
└── bud.config.js         # → Bud configuration

Theme setup

Edit app/setup.php to enable or disable theme features, setup navigation menus, post thumbnail sizes, and sidebars.

Theme development

  • Run yarn from the theme directory to install dependencies
  • Update bud.config.js with your local dev URL

Build commands

  • yarn dev — Compile assets when file changes are made, start Browsersync session
  • yarn build — Compile assets for production

Documentation

Contributing

Contributions are welcome from everyone. We have contributing guidelines to help you get started.

Sage sponsors

Help support our open-source development efforts by becoming a sponsor.

Kinsta KM Digital Carrot C21 Redwood Realty WordPress.com Icons8 Harness Software Airfleet Genero 40Q Pantheon

Community

Keep track of development and community news.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].