# Awesome Tailwind CSS [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)

> A curated list of awesome things related to Tailwind CSS

Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.


## Contents

- [Resources](#resources)
- [Projects Using Tailwind CSS](#projects-using-tailwind-css)
  - [Open Source](#open-source)
  - [Apps/Websites](#appswebsites)
- [Components & Libraries](#components--libraries)
- [Demos & Samples](#demos--samples)


## Resources

- [Tailwind Official Site](https://tailwindcss.com)
- [Tailwind Official Repo](https://github.com/tailwindcss/tailwindcss)
- [Discussion Repo](https://github.com/tailwindcss/discuss)
- [Webpack Starter Project](https://github.com/tailwindcss/webpack-starter)
- [Gusts - Tailwind CSS Playground](https://gustscss.com/)
- [Laravel Frontend Preset](https://github.com/laravel-frontend-presets/tailwindcss)
- [Ruby on Rails Example Project](https://github.com/jvanbaarsen/tailwindcss-rails-example)
- [Tailwind Components](https://tailwindcomponents.com)


## Projects Using Tailwind CSS

### Open Source

- [Tailwind Jekyll Starter Kit](https://github.com/taylorbryant/tailwind-jekyll)
- [Tailwind Gulp Starket Kit](https://github.com/simonswiss/tailwind-starter)
- [Tailwind Fiddle](https://tailwind.unravel.eu)
- [Add Your Item](https://github.com/merchedhq/awesome-tailwindcss/pulls)

### Apps/Websites

- [Matt Stauffer](https://mattstauffer.com/)
- [Miguel Piedrafita](https://miguelpiedrafita.com/)
- [Webslides](https://slides.zone)
- [Lichter.io (Alexander Lichter)](https://lichter.io)
- [Rias](https://rias.be)
- [Freek Van der Herten](https://murze.be/)
- [Taylor Bryant](https://taylorbryant.blog)
- [Oliver Davies](https://www.oliverdavies.uk)
- [BaseCode](https://basecodefieldguide.com)
- [Add Your Item](https://github.com/merchedhq/awesome-tailwindcss/pulls)


## Components & Libraries

- [Convert Bootstrap CSS code to Tailwind CSS code](https://github.com/awssat/tailwindo)
- [Use TailwindCSS with CSS-in-JS](https://medium.com/@AndrewDelPrete/using-tailwindcss-with-css-in-js-32ae6796f95c)
- [tails-ui](https://github.com/knipferrc/tails-ui)
- [Add Your Item](https://github.com/merchedhq/awesome-tailwindcss/pulls)


## Demos & Samples

- [Tailwind CSS - Building a Login Page](https://mustafaaloko.github.io/2017/tailwind-css-building-a-login-page/)
- [Rebuilding Laravel.io with Tailwind CSS](https://www.youtube.com/watch?v=ZrRRMBaz5Z0)
- [Rebuilding Coinbase with Tailwind CSS](https://www.youtube.com/watch?v=7gX_ApBeSpQ) - [Codepen](https://codepen.io/adamwathan/pen/RxWrZr)
- [Creating a modal dialog with Tailwind CSS](https://codeburst.io/creating-a-modal-dialog-with-tailwind-css-42722c9aea4f)
- [Add Your Item](https://github.com/merchedhq/awesome-tailwindcss/pulls)


## Contribute

Contributions welcome! Read the [contribution guidelines](contributing.md) first.


## License

[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](http://creativecommons.org/publicdomain/zero/1.0)