tashenoff/avo-x

Landing Starter Template using TailwindCSS and AlpineJs

An opinionated starter template based on Tailwind CSS, Alpine.js, postcss and esbuild.

It is an opinionated template that has the following features:

• Tailwind CSS for styling
• Alpine.js for template/dynamic logic
• a simple build system which may help me scale up if the needs arise (for example, add scss for styles or Typescript)

Tailwind CSS is a highly customizable, low-level CSS framework that is gaining popularity lately. It is not opinionated as it gives you the building blocks for styling your components.

Alpine.js is very similar to tailwind but for the javascript. It provides the features of Vue.js with a much lower cost and - I think - a most suitable replacement for jQuery than other frameworks.

For an HTML starter base, the gorgeous, simple, and versatile landing page design from the Creative Tim's Tailwind Starter Kit is used.

During the development (for the watch mode) use:

npm start

For deployment, run:

npm run deploy

The output web page is at dist folder.

For more information read the current blog post