TailFood, the free Tailwind CSS restaurant template is the new Tailwind CSS 2.2 template with under-the-hood capabilities to make your performance better. TailFood support tailwind jit mode that why it is minimal and very fast load. TailFood offering you the CAT section, about us section, menu recipe section, Food Gallery section and last order now section.
TailFood – Free Tailwind CSS Restaurant Template
TailFood is a one page HTML template with Tailwind CSS 2.2.x. It will allow you to describe your offer, show the food menu, Book the table, upload image to the food gallery, and more.
FEATURES & Tools Use:
Tailwind CSS 2.2.x
Jit Mode Support
Alpinejs 3.x
Heroicons Icon
Responsive Navbar with Hamburger Menu
Hero Header
Reservation Form UI
Testimonial
TailFood - Project Installation Guide
Tailwind CSS installed as a postCSS plugin and configured for two modes - Watching file changes for **development** and optimizing for **production**:
How to use
Step 1: Install Node Dependencies
npm install
Step 2: Run below command for developing
npm run build
Watches files as you make changes to your `index.html` within `public` folder
Step 3: Run below command for production
npm run prod
Uses `cssnano` to minify the stylesheet for production
Screenshot
Our Story
tailwind template image v1
About Us
tailwind template image v2
Our Menu
tailwind template image v3
Testimonial
tailwind template image v4