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

🔥 #tutorial

Country Dropdown Menu in Tailwind CSS | HTML

by @fsuacad

🔗 https://youtu.be/_8YxRudfIls

Find more Tailwind CSS tutorials at https://bit.ly/3MZPh4d

🔥 #news #templates

Modern website templates, crafted with Tailwind CSS.

by Tailwind Labs

Tailwind Labs has released awesome ready-to-use templates.

Templates: 🔗 https://tailwindui.com/templates

Blog post: 🔗 https://tailwindcss.com/blog/2022-06-23-tailwind-templates-and-all-access

🔥 #news #jobs

Tailwind Labs launching a new official job board for Tailwind CSS developers soon 🥳

🔗 https://bit.ly/3IVgxjN

How do you guys find Tailwind CSS jobs? Please share your experience in the comments section.

🔥 #news

Tailwind Jobs is now live! 🥳

Tailwind Labs team has announced a new job board that focuses on front-end tech.

🔗 https://jobs.tailwindcss.com/

@tailwindcss_tips

🔥 #news #template

Meet Pocket - an App marketing template

by Tailwind Labs

Pocket is a beautiful mobile app marketing template built with Tailwind CSS and Next.js, designed and built by the Tailwind CSS team. It’s production-ready and easy to customize, making it the perfect starting point for your new mobile app website.

Details: 🔗 https://tailwindui.com/templates/pocket
Live preview: 🔗 https://pocket.tailwindui.com/

🔥 #news #template

Meet Spotlight - A personal website template

by Tailwind Labs

✅ Built by experts
✅ Easy to customize
✅ Built with Next.js
✅ Keyboard accessible
✅ Production-ready
✅ Simple to deploy

🔗 Details: https://tailwindui.com/templates/spotlight
🔗 Live preview: https://spotlight.tailwindui.com/

🔥 #news #showcase

Tailwind CSS Showcase

by Tailwind Labs

Now you can see how companies worldwide use Tailwind CSS to build awesome websites!

🔗 https://tailwindcss.com/showcase


✨ @tailwindcss_tips

🔥 #news #new_release

🚀 Tailwind CSS v3.2 has been released!

🧁 Multi-config support with @​config
🍭 Max-width and dynamic breakpoints
🍫 ARIA variants
🍪 Data attribute variants
🍬 @​supports variants
🍦 Nested groups
🍰 Container queries

🔗 https://tailwindcss.com/blog/tailwindcss-v3-2

Thanks @lh536 for sharing

✨ Join Tailwind CSS Tips