https://github.com/drehimself/tailwind-examples

A collection of web pages built in Tailwind CSS v0.7.4
https://github.com/drehimself/tailwind-examples

tailwind-css tailwindcss

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/drehimself/tailwind-examples
• Owner: drehimself
• Created: 2018-01-05T10:56:22.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T19:04:03.000Z (almost 2 years ago)
• Last Synced: 2024-07-18T04:38:13.567Z (4 months ago)
• Topics: tailwind-css, tailwindcss
• Language: HTML
• Homepage: https://tailwindcss.andredemos.ca
• Size: 5.28 MB
• Stars: 97
• Watchers: 4
• Forks: 17
• Open Issues: 22
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
For Tailwind CSS v1.0 examples, check out [my other repo](https://github.com/drehimself/tailwind-v1-examples).

# Tailwind CSS Examples

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

Website: [https://tailwindcss.andredemos.ca](https://tailwindcss.andredemos.ca)

Screencasts: [YouTube link](https://www.youtube.com/playlist?list=PLEhEHUEU3x5p8cxOJ27w20LffCknp935L)

## 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

1. `composer install`

1. Rename or copy `.env.example` file to `.env`

1. `php artisan key:generate`

1. `npm install`

1. `npm run dev` or `npm run watch`

1. `php artisan serve` or use Laravel Valet or Laravel Homestead

1. Visit `localhost:8000` in your browser

## If you're not using Laravel

Check out the [Tailwind CSS Docs](https://tailwindcss.com/) on how to get setup in your environment.

Here are the relevant files:

- [HTML Markup](https://github.com/drehimself/tailwind-examples/tree/master/resources/views) - These are purely HTML. They DO NOT have any PHP syntax in them.

- [CSS](https://github.com/drehimself/tailwind-examples/tree/master/resources/assets/css) - The CSS that Tailwind CSS will compile.

- [tailwind.js](https://github.com/drehimself/tailwind-examples/blob/master/tailwind.js) - The Tailwind config file.