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 → jeffreyvr → Tailpress

jeffreyvr / Tailpress

A minimal boilerplate theme for WordPress using TailwindCSS and Laravel Mix.

Labels

tailwindcsswordpress-theme

Projects that are alternatives of or similar to Tailpress

Wp Tailwindcss Theme Boilerplate
A minimalist boilerplate for WordPress theme development using Tailwind CSS, SCSS, and Laravel Mix.
Stars: ✭ 199 (+128.74%)
Mutual labels:  wordpress-theme, tailwindcss
Wp Tailwind
A WordPress starter theme that utilizes Tailwind + PurgeCSS.
Stars: ✭ 135 (+55.17%)
Mutual labels:  wordpress-theme, tailwindcss
air
A hyper-minimal WordPress starter theme for developers built with Tailwind CSS.
Stars: ✭ 45 (-48.28%)
Mutual labels:  wordpress-theme, tailwindcss
Sage
WordPress starter theme with a modern development workflow
Stars: ✭ 11,531 (+13154.02%)
Mutual labels:  wordpress-theme, tailwindcss
tailpress
A Tailwind CSS enabled Underscores theme
Stars: ✭ 60 (-31.03%)
Mutual labels:  wordpress-theme, tailwindcss
Theme
Tonik is a WordPress Starter Theme which aims to modernize, organize and enhance some aspects of WordPress theme development.
Stars: ✭ 1,197 (+1275.86%)
Mutual labels:  wordpress-theme
Tailwind Examples
A collection of web pages built in Tailwind CSS v0.7.4
Stars: ✭ 84 (-3.45%)
Mutual labels:  tailwindcss
Developmint.de
Open source company page built with Nuxt.js and TailwindCSS
Stars: ✭ 74 (-14.94%)
Mutual labels:  tailwindcss
Autonomie
"Autonomie" is a highly semantic, responsive, accessible and search engine optimized WordPress Theme. It provides HTML5 templates refined with microformats, microformats v2 and microdata (Schema.org). "Autonomie" supports a lot of OpenWeb plugins and is fully IndieWeb compatible.
Stars: ✭ 73 (-16.09%)
Mutual labels:  wordpress-theme
React Native Styled.macro
⚛️ A Utility-First Styling Library for React Native
Stars: ✭ 89 (+2.3%)
Mutual labels:  tailwindcss
Vue Shopping Cart
Simple shopping cart with Vue.js and Deno.js
Stars: ✭ 87 (+0%)
Mutual labels:  tailwindcss
Starter Kit Cool Writings
Statamic Starter Kit: Cool Writings
Stars: ✭ 84 (-3.45%)
Mutual labels:  tailwindcss
Stts
A starter template for Svelte, Tailwind, Typescript, and Snowpack
Stars: ✭ 78 (-10.34%)
Mutual labels:  tailwindcss
Vue Cli Plugin Tailwind
Utility-first, modern CSS for your Vue app using TailwindCSS.
Stars: ✭ 85 (-2.3%)
Mutual labels:  tailwindcss
Pingcrm Svelte
🦊 Ping CRM Svelte - A demo app to illustrate how Inertia.js works with Laravel and Svelte (hosted on a heroku free dyno).
Stars: ✭ 74 (-14.94%)
Mutual labels:  tailwindcss
Docker Django Example
A production ready example Django app that's using Docker and Docker Compose.
Stars: ✭ 86 (-1.15%)
Mutual labels:  tailwindcss
Vue Tailwind
Vue UI components with configurable classes ready for TailwindCSS
Stars: ✭ 1,183 (+1259.77%)
Mutual labels:  tailwindcss
App Store Tailwind
Mojave App Store Rebuild with Tailwind CSS, Electron and Vue
Stars: ✭ 82 (-5.75%)
Mutual labels:  tailwindcss
Covid Volunteers
Organizing and matching volunteers with COVID-19 projects
Stars: ✭ 87 (+0%)
Mutual labels:  tailwindcss
Sonwan Ui
SonWan UI is a modular UI component library based on figma design to build your next React Web Application.
Stars: ✭ 75 (-13.79%)
Mutual labels:  tailwindcss
View All Similar Projects ➔

TailPress

A minimal boilerplate theme for WordPress using TailwindCSS, with PostCSS and Laravel Mix.

Getting started

  • Clone repo git clone https://github.com/jeffreyvr/tailpress.git && cd tailpress
  • Run rm -rf .git to remove git
  • Run npm install
  • Run npm run development
  • Run npm run watch to start developing

You will find the editable CSS and Javascript files within the /resources folder.

Before you use your theme in production, make sure you run npm run production.

Block editor support

TailPress comes with basic support for the block editor.

CSS-classes for alignment, background and text colors will be generated automatically. You can modify this within the tailwind.config.js file.

To make the editing experience within the block editor more in line with the front end styling, a editor-style.css is generated. This file is only compiled on production builds.

Define theme colors

Four colors (primary, secondary, dark and light) are defined from the beginning. You can modify the colors in tailpress.json.

Define theme font sizes

You can modify the font sizes within tailpress.json.

PurgeCSS

By default, PurgeCSS is enabled. You can modify or disable it by changing the settings in the tailwind.config.js file. There are several PurgeCSS options.

Links

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].