Tailwind CSS Learnings

This list will help you find the best Tailwind CSS learning.

Create A Responsive Navigation Menu In Tailwind CSS
Create A Responsive Navigation Menu In Tailwind CSS
πŸŽ“
Typographic Defaults In Tailwind CSS
Typographic Defaults In Tailwind CSS
πŸŽ“
Tailwind CSS: From Zero To Production
Tailwind CSS: From Zero To Production
πŸ’™πŸŽ¬ - Complete walkthrough of Tailwind CSS, from installation to optimization for deployment.
Web2Tailwind
Web2Tailwind
πŸ”§ - How to build web components with Tailwind CSS with AlpineJS.
Rebuilding Meetup
Rebuilding Meetup
πŸŽ₯
Rebuilding Discord
Rebuilding Discord
πŸŽ₯
Rebuilding Spotify
Rebuilding Spotify
πŸŽ₯
More Experimentation With Tailwind CSS
More Experimentation With Tailwind CSS
πŸŽ₯
Laracasts Weekly Stream: Tailwind
Laracasts Weekly Stream: Tailwind
πŸŽ₯
Rebuilding Airbnb's Home Page
Rebuilding Airbnb's Home Page
πŸŽ“ - Rebuilding Airbnb's Home Page with Tailwind CSS.
Rebuilding Bartik
Rebuilding Bartik
πŸŽ“ - Rebuilding Bartik (Drupal's default theme) with Vue.js and Tailwind CSS.
Photo Gallery With CSS Grids
Photo Gallery With CSS Grids
πŸŽ“ - Building a photo gallery with CSS grids and Tailwind CSS.
Forms With Tailwind CSS
Forms With Tailwind CSS
πŸŽ“ - How to style a form with Tailwind CSS.
Navigation
Navigation
πŸŽ“ - Building a navigation with Tailwind CSS.
Vue.js Modal
Vue.js Modal
πŸŽ“ - Building a customizable modal with Tailwind CSS and Vue.js.
Vue.js Component With Tailwind And Laravel
Vue.js Component With Tailwind And Laravel
πŸŽ“ - Building a Vue.js component in a Laravel project.
Login Page
Login Page
πŸŽ“ - Creating a login page with Tailwind CSS.
Login Page (PingPing)
Login Page (PingPing)
πŸŽ“ - Creating a login page with Tailwind CSS.
Rebuilding FreshBooks
Rebuilding FreshBooks
πŸŽ“ - Rebuilding FreshBooks with Tailwind CSS.
Building Real-world UIs Using Tailwind CSS
Building Real-world UIs Using Tailwind CSS
πŸŽ“ - Building UIs of Shopify, Spotify, Netlify and Atlassian.
Modal Dialog
Modal Dialog
πŸŽ“ - Creating a modal dialog with Tailwind CSS.
Let's Build: Tweet Component
Let's Build: Tweet Component
🎬 - Building a Tweet component with Tailwind CSS.
Let's Build: Dribbble Shot
Let's Build: Dribbble Shot
🎬 - Dribbble shot with Tailwind CSS.
Lets Build: Responsive Navbar
Lets Build: Responsive Navbar
🎬 - Building a responsive navbar with Tailwind CSS.
Let's Build: Movie Production Landing Page
Let's Build: Movie Production Landing Page
🎬 - Building a movie production landing page with Tailwind CSS.
Rebuilding Resolute
Rebuilding Resolute
🎬 - Rebuilding Resolute with Tailwind CSS.
Rebuilding Netlify
Rebuilding Netlify
🎬 - Rebuilding Netlify with Tailwind CSS.
Rebuilding YouTube
Rebuilding YouTube
🎬 - Rebuilding YouTube with Tailwind CSS.
Rebuilding Twitter
Rebuilding Twitter
🎬 - Rebuilding Twitter with Tailwind CSS [see the CodePen].
Rebuilding Coinbase
Rebuilding Coinbase
🎬 - Rebuilding Coinbase with Tailwind CSS [see the Codepen].
Rebuilding Laravel.io
Rebuilding Laravel.io
🎬 - Rebuilding Laravel.io with Tailwind CSS.
Extend Tailwind CSS
Extend Tailwind CSS
πŸ”§ - How to Extend Tailwind CSS.
Tailwind CSS With Phoenix 1.4
Tailwind CSS With Phoenix 1.4
πŸ”§ - How to setup Tailwind CSS in Phoenix 1.4.
Tailwind CSS With GatsbyJS
Tailwind CSS With GatsbyJS
πŸ”§ - How to use Tailwind CSS with Gatsby.
Sage WordPress Theme And Tailwind CSS
Sage WordPress Theme And Tailwind CSS
πŸ”§ - How to setup Tailwind CSS in Sage.
Tailwind CSS With Ember
Tailwind CSS With Ember
πŸ”§ - How to add Tailwind CSS to an Ember application.
Tailwind CSS In A Laravel Project
Tailwind CSS In A Laravel Project
πŸ”§ - How to setup Tailwind CSS in a Laravel project.
Tailwind CSS With CSS-in-JS
Tailwind CSS With CSS-in-JS
πŸ”§ - How to use Tailwind CSS with CSS-in-JS.
Tailwind CSS With Webpack 4 And PostCSS
Tailwind CSS With Webpack 4 And PostCSS
πŸ”§ - How to setup Tailwind CSS with PostCSS and Webpack.
Testing Tailwind CSS Plugins With Jest
Testing Tailwind CSS Plugins With Jest
πŸ”§ - How to test Tailwind CSS plugins with Jest.
β€œOpen” Landing Page
β€œOpen” Landing Page
πŸ§ͺ - β€œOpen” landing page template by Cruip built with Tailwind CSS Boilerplate.
Toggle Switch
Toggle Switch
πŸ§ͺ - Switch using Tailwind CSS.
Navbar
Navbar
πŸ§ͺ - Navbar made with Vue.js and Tailwind CSS.
Acquia
Acquia
πŸ§ͺ - Acquia's hosting dashboard rebuilt with Vue.js and Tailwind CSS.
Tailwind Dark Mode Theme Switcher
Tailwind Dark Mode Theme Switcher
πŸ§ͺ - Switching themes with CSS Custom Properties and Tailwind CSS.
Plugin Examples
Plugin Examples
πŸ’™πŸ§ͺ - Official plugin examples.