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