/tailwind-examples

A collection of web pages built in Tailwind CSS v0.7.4

Primary LanguageHTML

For Tailwind CSS v1.0 examples, check out my other repo.

Tailwind CSS Examples

A collection of web pages and web components built in Tailwind CSS v0.7.4.

Website: https://tailwindcss.andredemos.ca

Screencasts: YouTube link

Installation

I'm using Laravel for these examples. For me, it was the fastest way to get Tailwind CSS running.

  1. Clone the repo and cd into it
  2. composer install
  3. Rename or copy .env.example file to .env
  4. php artisan key:generate
  5. npm install
  6. npm run dev or npm run watch
  7. php artisan serve or use Laravel Valet or Laravel Homestead
  8. Visit localhost:8000 in your browser

If you're not using Laravel

Check out the Tailwind CSS Docs on how to get setup in your environment.

Here are the relevant files:

  • HTML Markup - These are purely HTML. They DO NOT have any PHP syntax in them.
  • CSS - The CSS that Tailwind CSS will compile.
  • tailwind.js - The Tailwind config file.