Skip to content

Clean and lightweight starter theme based on TailwindCSS, AlpineJS, Vite, SCSS, Turbo and incorporates loads of functions ready to be turned on and off in the functions.php and inc/ directory.

License

Notifications You must be signed in to change notification settings

mrl22/WordPress-Starter-TailwindCSS-Vite-Theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WordPress Starter TailwindCSS Vite Theme

Clean and lightweight starter theme based on TailwindCSS, AlpineJS, Vite, SCSS, Turbo and incorporates loads of functions ready to be turned on and off in the functions.php and inc/ directory.

This theme strips WordPress back, removes all the bloat and leaves you with a clean starting point, a favicon, a single css and js resource. Just Four requests in total.

Some features within this theme may not be laid out the way you like to work, but feel free to customise it. I developed this theme for ourselves and to streamline getting started on a new bespoke theme for a project.

The JS and SCSS within this theme are compiled using Vite from the /src folder to the /dist folder. A basic understanding of npm and composer is required to use this theme.

Feel free to submit pull requests of any improvements you can make; and if you find this theme useful, please buy me a coffee.

Installation & Run

Development

$ npm install
$ npm run build

You can also run npm run watch this which will start a Vite server for you to develop in realtime. You must change IS_VITE_DEVELOPMENT in functions.php to true for this to work.

Useful Files

Files from src will be compiled in to dist using Vite. If you wish to retain ownership of the source code, do not upload or give your client access or access to the src folder.

  • src/theme.js - Theme JavaScript File.
  • src/theme.scss - Theme CSS Styles File.
  • src/assets/ - use this folder for any assets, these will be compiled in to dist/assets/.

Live Server

$ composer install

Make sure your compiled build folder is uploaded.

Packages

Theme Functions / Features

I recommend that you read the entire functions.php and src/ folder. Uncomment / comment out features which you need in your theme.

About

Clean and lightweight starter theme based on TailwindCSS, AlpineJS, Vite, SCSS, Turbo and incorporates loads of functions ready to be turned on and off in the functions.php and inc/ directory.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published