🔥 #tutorial

Building a Headless Ecommerce Store with Tailwind CSS, Shopify, and Next.js

By Tailwind Labs

How to build a simple Ecommerce website with Tailwind UI, Shopify, and Next.js.

🔗 Tutorial: https://www.youtube.com/watch?v=xNMYz74zNHM

🔗 Demo: https://tailwindui-shopify.vercel.app/

🔥 #tutorial

Ultimate Tailwind CSS Tutorial - Build a Discord-inspired Animated Navbar

By Fireship

🔗 https://www.youtube.com/watch?v=pfaSUYaSgRo

🔥 #news #v3

The All-New Just-in-Time CDN — Tailwind CSS v3.0 Preview 👀

By Tailwind Labs

In this video, Simon will show you an early preview of the upcoming Just-in-Time CDN, which will ship with Tailwind CSS v3.0.

🔗 https://www.youtube.com/watch?v=QAIdYGslQGo

🔥 #article

Beginner's guide to TailwindCSS: The new way of styling

By Reza Bozorgi

🔗 https://dev.to/rezab/beginner-s-guide-to-tailwind-css-the-new-way-of-styling-3i80

🔥 #news

Colored shadows are coming in v3.0

Check out the PR by Adam Wathan:
🔗 https://github.com/tailwindlabs/tailwindcss/pull/5979

Demo:
🔗 https://play.tailwindcss.com/VLKEX1bh1j

🔥 #tutorial

Translating a Custom Design System to Tailwind CSS

By Tailwind Labs

In this video, we'll take a website design and corresponding style guide given to us by a designer, and translate it into a custom Tailwind CSS configuration to create our own utility framework tuned specifically for the project.

Tutorial: 🔗 https://www.youtube.com/watch?v=cZc4Jn5nK3k

🔥 #discussion

Hello everyone!

This channel was created to share interesting things about TailwindCSS. Number of subscribers skyrocketed since.

This motivated me to share more quality content. However, recently I am feeling that one way of sharing things is not enough.

So, I would love you to hear your stories.

Let's start discussion about our beloved framework by exchanging knowledge and helping each other.

Thank you!

P.S:
As per @surjithctly's suggestion, channel's discussion group is now public.

You can join and start sharing your knowledge or questions at:

https://t.me/tailwindcss_tips_community

🔥 #component

Custom DatePicker component
By Flowbite

Start receiving date and time data from your users using this free datepicker element based on Tailwind utility-classes and vanilla JavaScript

🔗 https://flowbite.com/docs/plugins/datepicker/

🔥 #news

👀

🔥 #news

Introducing Tailwind CSS v3.0 🥳

Tailwind CSS v3.0 is here — bringing incredible performance gains, huge workflow improvements, and a seriously ridiculous number of new features.

Congratulations Tailwind Labs!

🔗 https://www.youtube.com/watch?v=TmWIrBPE6Bc

🔥 #news

What's new in Tailwind CSS 3.0?

By Tailwind Labs

In this video, Simon shows some of the exciting new features added in Tailwind CSS v3.0.

🆕 New features:

✅ Just-in-Time, all the time
✅ Even more colors out of the box
✅ Colored box shadows, finally
✅ Print modifier
✅ Native aspect-ratio
✅ Comprehensive scroll snap support
✅ Scroll behavior
✅ Multi-column layout
✅ Accent color & file inputs
✅ Styling open/closed states
✅ Fancy underlines
✅ Arbitrary properties
✅ Play CDN

🔗 https://www.youtube.com/watch?v=mSC6GwizOag

🔥 #too_hot!

BTW,

The official website and docs got new look too!

🔗 https://tailwindcss.com

🔥 #tutorial

Install Tailwind CSS v3 - CDN vs CLI vs PostCSS

by Thirus (Shruti Balasa) (with her kind permission 😊)

In this video Shruti shows you three ways of installing TailwindCSS - via CDN, using Tailwind CLI and using PostCSS and talk about when to use what.

🔗 https://www.youtube.com/watch?v=h9Zun41-Ozc

🔥 #news #plugin

Automatic Class Sorting with Prettier

By Tailwind Labs

Finally, you can sort your classes in your designs with consistent order.

🔗 Blog post: https://tailwindcss.com/blog/automatic-class-sorting-with-prettier

🔗 Github Repo: https://github.com/tailwindlabs/prettier-plugin-tailwindcss

👉 @tailwindcss_tips

🔥 #tutorial

Automatic Tailwind CSS Class Sorting in 4 Minutes

By Laracasts

🔗 https://www.youtube.com/watch?v=4SYv-1AHRbg

🔥 #templates

Tailwind CSS Templates with an eye catching and elegant design

By @heyjamshid

Clean coded, responsive and ready-made templates in magazine, resume,
corporate and more than 10 categories

✅ Dashboard
✅ Portfolio
✅ Agency
✅ Corporate

🔗 https://www.elegant-goodies.com/

🔥 #tutorial #component

Building a command palette with Tailwind CSS, React, and Headless UI

By Tailwind Labs

In this video Simon walks you through the steps to build a fully accessible command palette using Tailwind CSS, React, and the new combobox component in Headless UI.

🔗 https://www.youtube.com/watch?v=-jix4KyxLuQ

🔥 #documentary

How Tailwind CSS came to be feat. Adam Wathan

by OfferZen Origins


🔗 https://www.youtube.com/watch?v=1x7HlvSfW6s

🔥 #tutorial

Tailwind Crash Course | Project From Scratch

by Traversy Media

Learn how to set up Tailwind CLI and create a landing page from start to finish, going over many of the common utility classes and then deploying it to InMotion Hosting using Git.

🔗 https://www.youtube.com/watch?v=dFgzHOX84xQ

🔥 #news #new_release

Tailwind CSS v3.1: You wanna get nuts? Come on, let's get nuts!

✅ First-party TypeScript types
✅ Built-in support for CSS imports in the CLI
✅ Change color opacity when using the theme function
✅ Easier CSS variable color configuration
✅ Border spacing utilities
✅ Enabled and optional variants
✅ Prefers-contrast variants
✅ Style native dialog backdrops
✅ Arbitrary values but for variants

📺 https://youtu.be/nOQyWbPO2Ds
📝 https://tailwindcss.com/blog/tailwindcss-v3-1