Tailwind CSS Tips

🔥 #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 Automatic Tailwind CSS Class Sorting in 4 Minutes By Laracasts 🔗 https://www.youtube.com/watch?v=4SYv-1AHRbg

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

🔥 #too_hot! BTW, The official website and docs got new look too! 🔗 https://tailwindcss.com

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

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

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

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

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

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

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

🔥 #tutorial Ultimate Tailwind CSS Tutorial - Build a Discord-inspired Animated Navbar By Fireship 🔗 https://www.youtube.com/watch?v=pfaSUYaSgRo

🔥 #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 Glowing Background Gradient Effects with Tailwind CSS By Tailwind Labs Learn how to achieve that awesome glow effect popping up everywhere with vanilla Tailwind CSS utilities. Turotial: 🔗 https://www.youtube.com/watch?v=5W6kEP65AH4 Demo: 🔗 https://play.tailwindcss.com/fNKKyOG2Yv

🔥 #fun Tailwind in 100 Seconds By Fireship 🔗 https://www.youtube.com/watch?v=mr15Xzb1Ook

🔥 #tutorial Responsive Grid Layout with Tailwind CSS By Tailwind Labs In this video, Simon shows us how to build a responsive grid layout with Tailwind CSS utility classes. Tutorial: 🔗 https://www.youtube.com/watch?v=WJDw1J7FZnE Demo: 🔗 https://play.tailwindcss.com/9IEjFauwTF

🔥 #announcement #design_kit Dashwind - Dashboard Kit for Tailwind CSS The dashboard kit offering a huge discount. Buy the design kit for only $5. You will have access to Figma file with most complete dashboard UI components tailored for your next great project. Buy once and get access to upcoming full TailwindCSS implementation. By @heyjamshid 🔗 https://dashwind.design