Awesome Tailwind CSS
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
- Tailwind Official Site
- Tailwind Official Repo
- Discussion Repo
- Webpack Starter Project
- Gusts - Tailwind CSS Playground
- Laravel Frontend Preset
- Ruby on Rails Example Project
- Tailwind Components
- Tailwind Themes
Projects Using Tailwind CSS
Open Source
Apps/Websites
- Matt Stauffer
- Miguel Piedrafita
- Webslides
- Lichter.io (Alexander Lichter)
- Rias
- Freek Van der Herten
- Taylor Bryant
- Oliver Davies
- BaseCode
- Joey Beninghove
- Stefan Bauer
- Jim Shannon
- Eyewitness.io
- Laravel Spark
- Laravel Horizon
- Snaptier
- Add Your Item
Components & Libraries
- Convert Bootstrap CSS code to Tailwind CSS code
- Use TailwindCSS with CSS-in-JS
- tails-ui
- Add Your Item
Demos & Samples
- Tailwind CSS - Building a Login Page
- Rebuilding Laravel.io with Tailwind CSS
- Rebuilding Coinbase with Tailwind CSS - Codepen
- Creating a modal dialog with Tailwind CSS
- Rebuilding FreshBooks with Tailwind CSS
- PingPing - We build a Login using TailwindCSS
- Setting Up Tailwind in a Laravel Project
- How to Build a Vue.js Component With Tailwind in a Laravel Project
- Build a Customizable Vue.js Modal with Tailwind CSS
- Building a Nav with Tailwind CSS
- How to Style a Form With Tailwind CSS
- Building a Photo Gallery With CSS Grid and Tailwind CSS
- Create a Sticky Footer Using Tailwind CSS
- Interactive Tailwind + Vue Responsive Navbar
- Add Your Item
Contribute
Contributions welcome! Read the contribution guidelines first.