Tailwind CSS Examples
A collection of web pages and web components built in Tailwind CSS.
Website: https://tailwindcss.andremadarang.com
Screencasts: YouTube link
Installation
I'm using Laravel for these examples. For me, it was the fastest way to get Tailwind CSS running.
- Clone the repo and
cd
into it composer install
- Rename or copy
.env.example
file to.env
php artisan key:generate
npm install
npm run dev
ornpm run watch
php artisan serve
or use Laravel Valet or Laravel Homestead- 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.