Tailwind CSS Tips
@tailwindcss_tips
ℹ️ Learn the most popular utility-first framework.
🔥 #tips, ⭐️ #tricks, 🆕 #news
Maintainer: @ilyosjon_k
Tailwind CSS Tips (English)
Are you looking to elevate your web development skills and stay up-to-date with the latest trends in the industry? Look no further than the 'Tailwind CSS Tips' Telegram channel! As the name suggests, this channel is dedicated to providing valuable insights, tips, and tricks for mastering the popular utility-first framework, Tailwind CSS.
Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, 'Tailwind CSS Tips' has something for everyone. From handy tips to time-saving tricks, this channel is your go-to source for all things related to Tailwind CSS.
Stay informed about the latest news and updates in the world of Tailwind CSS with regular posts and announcements. Discover new features, best practices, and innovative ways to enhance your web design projects.
The channel is maintained by @ilyosjon_k, who is dedicated to curating high-quality content and fostering a supportive community of web developers. Joining 'Tailwind CSS Tips' will not only help you improve your skills but also connect you with like-minded individuals who share your passion for web development.
Don't miss out on this valuable resource for all things Tailwind CSS. Join 'Tailwind CSS Tips' today and take your web development skills to the next level!
Tailwind CSS Tips
23 Jan, 05:14
🔥 #news #v4
🎉 Tailwind CSS v4.0 is here! 🎉
Tailwind CSS has released version 4.0, bringing several improvements to make your development faster and easier:
- 🚀 Faster Builds: Full builds are up to 5 times quicker, and updates are over 100 times faster.
- 🛠 Modern CSS Features: Now using the latest CSS capabilities like cascade layers and
- 🎨 Simplified Setup: Install with just one line in your CSS file—no extra configuration needed.
- 🖌 CSS-First Customization: Customize directly in your CSS files instead of using JavaScript.
- 🌈 Enhanced Color Palette: A more vivid color palette that takes full advantage of modern display technology.
To start using Tailwind CSS v4.0, check out the official release notes and the brand new design of the website
✨ @tailwindcss_tips
🎉 Tailwind CSS v4.0 is here! 🎉
Tailwind CSS has released version 4.0, bringing several improvements to make your development faster and easier:
- 🚀 Faster Builds: Full builds are up to 5 times quicker, and updates are over 100 times faster.
- 🛠 Modern CSS Features: Now using the latest CSS capabilities like cascade layers and
color-mix(). - 🎨 Simplified Setup: Install with just one line in your CSS file—no extra configuration needed.
- 🖌 CSS-First Customization: Customize directly in your CSS files instead of using JavaScript.
- 🌈 Enhanced Color Palette: A more vivid color palette that takes full advantage of modern display technology.
To start using Tailwind CSS v4.0, check out the official release notes and the brand new design of the website
✨ @tailwindcss_tips
Tailwind CSS Tips
21 Jan, 17:13
🔥 #news
🥳 Tailwind CSS v4.0 will be released today!
Stay tuned!
✨ @tailwindcss_tips
🥳 Tailwind CSS v4.0 will be released today!
Stay tuned!
✨ @tailwindcss_tips
Tailwind CSS Tips
22 Nov, 05:00
🔥 #news #v4
💥 Tailwind CSS v4.0 Beta1 has been released
⚡️ Built for performance — full builds in the new engine are up to 5x faster, and incremental builds are over 100x faster — and measured in microseconds.
🔨 Unified toolchain — built-in import handling, vendor prefixing, and syntax transforms, with no additional tooling required.
⚙️ CSS-first configuration — a reimagined developer experience where you customize and extend the framework directly in CSS instead of a JavaScript configuration file.
✨ Designed for the modern web — built on native cascade layers, wide-gamut colors, and including first-class support for modern CSS features like container queries, @starting-style, popovers, and more.
🔗 Release notes
📺 Exploring the Tailwind CSS v4.0 Beta with Sam Selikoff
✨ @tailwindcss_tips
⚡️ Built for performance — full builds in the new engine are up to 5x faster, and incremental builds are over 100x faster — and measured in microseconds.
🔨 Unified toolchain — built-in import handling, vendor prefixing, and syntax transforms, with no additional tooling required.
⚙️ CSS-first configuration — a reimagined developer experience where you customize and extend the framework directly in CSS instead of a JavaScript configuration file.
✨ Designed for the modern web — built on native cascade layers, wide-gamut colors, and including first-class support for modern CSS features like container queries, @starting-style, popovers, and more.
🔗 Release notes
📺 Exploring the Tailwind CSS v4.0 Beta with Sam Selikoff
✨ @tailwindcss_tips
Tailwind CSS Tips
20 Oct, 04:09
🔥 #news #new_release
🚀 Tailwind CSS v3.2 has been released!
🧁 Multi-config support with
🍫 ARIA variants
🍪 Data attribute variants
🍬
🍦 Nested groups
🍰 Container queries
🔗 https://tailwindcss.com/blog/tailwindcss-v3-2
Thanks @lh536 for sharing
✨ Join Tailwind CSS Tips
🚀 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
Tailwind CSS Tips
06 Oct, 10:06
🔥 #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
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
Tailwind CSS Tips
14 Sep, 07:22
🔥 #template
Introducing Radiant
by Tailwind Labs
Radiant is a beautiful multi-page SaaS business template built with Tailwind CSS and Next.js, designed and built by the Tailwind CSS team.
🔗 https://tailwindui.com/templates/radiant
✨ @tailwindcss_tips
Introducing Radiant
by Tailwind Labs
Radiant is a beautiful multi-page SaaS business template built with Tailwind CSS and Next.js, designed and built by the Tailwind CSS team.
🔗 https://tailwindui.com/templates/radiant
✨ @tailwindcss_tips
Tailwind CSS Tips
08 Sep, 04:05
🔥 #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/
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/
Tailwind CSS Tips
06 Sep, 03:41
🔥 #course #ebook
✨
Introducing Level up with Tailwind CSS
by Shruti Balasa
An in-depth course to take your Tailwind CSS skills to the next level
Level up with Tailwind CSS is a comprehensive guide to learning and mastering Tailwind CSS
☘️ Strengthen your foundation in Tailwind CSS and learn how to customize it for your projects
⚡️ Discover the power and flexibility of Tailwind CSS features, such as variants, utilities, plugins, and more
💎 Find useful resources, such as component libraries, extensions, and tools, to enhance your Tailwind CSS workflow
It's not a secret that Shruti creates one of the best Tailwind CSS content on her YouTube channel.
This course is a real gem 🤩 for those who loves high-quality yet simple to understand tutorials!
Order your copy of the course right now by using the link below (affiliated):
🔗 http://bit.ly/lvl-up-twdcss
Great news! Subscribers of this channel can get 15% off the course with the code below. Don't wait, enroll now and learn from the best!
TAILWINDTIPS
✨
Introducing Level up with Tailwind CSS
by Shruti Balasa
An in-depth course to take your Tailwind CSS skills to the next level
Level up with Tailwind CSS is a comprehensive guide to learning and mastering Tailwind CSS
☘️ Strengthen your foundation in Tailwind CSS and learn how to customize it for your projects
⚡️ Discover the power and flexibility of Tailwind CSS features, such as variants, utilities, plugins, and more
💎 Find useful resources, such as component libraries, extensions, and tools, to enhance your Tailwind CSS workflow
It's not a secret that Shruti creates one of the best Tailwind CSS content on her YouTube channel.
This course is a real gem 🤩 for those who loves high-quality yet simple to understand tutorials!
Order your copy of the course right now by using the link below (affiliated):
🔗 http://bit.ly/lvl-up-twdcss
Great news! Subscribers of this channel can get 15% off the course with the code below. Don't wait, enroll now and learn from the best!
Tailwind CSS Tips
12 Aug, 19:20
🔥 #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/
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/
Tailwind CSS Tips
09 Aug, 14:53
🔥 #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
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
Tailwind CSS Tips
01 Aug, 09:39
🔥 #ui #component
Langui - Beautiful components for your AI projects
by Ahmad Bilal
LangUI is an Open Source Tailwind library with free to use components tailored for your AI and GPT projects.
🔗 https://langui.dev/
✨ Tailwind CSS Tips
Langui - Beautiful components for your AI projects
by Ahmad Bilal
LangUI is an Open Source Tailwind library with free to use components tailored for your AI and GPT projects.
🔗 https://langui.dev/
✨ Tailwind CSS Tips
Tailwind CSS Tips
23 Jul, 17:20
🔥 #template
Meet Studio by Tailwind Labs
"Studio is a beautiful multi-page agency template built with Tailwind CSS and Next.js, designed and built by the Tailwind CSS team"
🔗 https://tailwindui.com/templates/studio
✨ Tailwind CSS Tips
Meet Studio by Tailwind Labs
"Studio is a beautiful multi-page agency template built with Tailwind CSS and Next.js, designed and built by the Tailwind CSS team"
🔗 https://tailwindui.com/templates/studio
✨ Tailwind CSS Tips
Tailwind CSS Tips
21 Jul, 19:18
📣 #announcement
Dear subscribers!
If you have any ideas or suggestions for this channel, please visit following link and post them there by clicking Make a Suggestion button.
🔗 https://suggest.gg/tailwindcss_tips
Best regards,
@tailwindcss_tips
Dear subscribers!
If you have any ideas or suggestions for this channel, please visit following link and post them there by clicking Make a Suggestion button.
🔗 https://suggest.gg/tailwindcss_tips
Best regards,
@tailwindcss_tips
Tailwind CSS Tips
20 Jul, 11:13
🔥 #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.
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.
Tailwind CSS Tips
06 Jul, 16:55
🔥 #tailwind_connect
✨ Tailwind Connect 2023 — Keynote
🔗 https://www.youtube.com/watch?v=CLkxRnRQtDE
✨ Tailwind Connect 2023 — Keynote
🔗 https://www.youtube.com/watch?v=CLkxRnRQtDE
Tailwind CSS Tips
28 Jun, 07:01
🔥 #news #devtools
Gimli Tailwind
by Gimli App team
A super helpful devtools extention that provides powerful features to improve DX while developing Tailwind CSS websites and apps
Suggested by @rasulcode
🔗 Official Website
Gimli Tailwind
by Gimli App team
A super helpful devtools extention that provides powerful features to improve DX while developing Tailwind CSS websites and apps
Suggested by @rasulcode
🔗 Official Website
Tailwind CSS Tips
24 Jun, 09:57
🔥 #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
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
Tailwind CSS Tips
22 Jun, 09:20
🔥 #ui #components #alpinejs
Introducing Pines UI by DevDojo
"Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copy and pasted into any Alpine and Tailwind projects."
🔗 https://devdojo.com/pines
✨ Tailwind CSS Tips
Introducing Pines UI by DevDojo
"Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copy and pasted into any Alpine and Tailwind projects."
🔗 https://devdojo.com/pines
✨ Tailwind CSS Tips
Tailwind CSS Tips
21 Jun, 06:51
🔥 #tip #showcase
Infinite Marquee Scrolling with Tailwind CSS ✨
by @surjithctly
🔗 https://play.tailwindcss.com/alDCOx6PU2
✨ Tailwind CSS Tips
Infinite Marquee Scrolling with Tailwind CSS ✨
by @surjithctly
🔗 https://play.tailwindcss.com/alDCOx6PU2
✨ Tailwind CSS Tips
Tailwind CSS Tips
17 Jun, 05:24
🔥 #tutorial
Country Dropdown Menu in Tailwind CSS | HTML
by @fsuacad
🔗 https://youtu.be/_8YxRudfIls
Find more Tailwind CSS tutorials at https://bit.ly/3MZPh4d
Country Dropdown Menu in Tailwind CSS | HTML
by @fsuacad
🔗 https://youtu.be/_8YxRudfIls
Find more Tailwind CSS tutorials at https://bit.ly/3MZPh4d
Tailwind CSS Tips
09 Jun, 12:38
🔥 #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
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
Tailwind CSS Tips
06 Apr, 10:12
🔥 #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
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
Tailwind CSS Tips
05 Apr, 17:24
🔥 #documentary
How Tailwind CSS came to be feat. Adam Wathan
by OfferZen Origins
🔗 https://www.youtube.com/watch?v=1x7HlvSfW6s
How Tailwind CSS came to be feat. Adam Wathan
by OfferZen Origins
🔗 https://www.youtube.com/watch?v=1x7HlvSfW6s
Tailwind CSS Tips
28 Mar, 18:19
🔥 #new_release
Tailwind CSS v3.3 released
🎨 Extended color palette for darker darks:
New darker 950 shades for every color.
🌀 ESM and TypeScript support:
Write your config file using ESM or TypeScript.
👈 Simplified RTL support with logical properties:
Build layouts that adapt to different directions.
🦄 Fine-tune gradient color stop positions:
Specify exactly where you want each color stop to go.
🗜 Line-clamp out of the box: Truncate multi-line text without a plugin.
🅰️ New line-height modifier:
Set your font-size and line-height with one class.
🪄 CSS variables without the var():
New shorthand syntax for arbitrary values.
🍀 Configurable font-variation-settings:
Baked directly into your font-* utilities.
🤣 New list-style-image utilities:
So you can use horrible clip art for bullet points.
➖ New hyphens utilities:
For fine-tuning hyphenation behavior.
🏷 New caption-side utilities:
Title your tables with style.
🔗 https://tailwindcss.com/blog/tailwindcss-v3-3
✨ Tailwind CSS Tips
Tailwind CSS v3.3 released
🎨 Extended color palette for darker darks:
New darker 950 shades for every color.
🌀 ESM and TypeScript support:
Write your config file using ESM or TypeScript.
👈 Simplified RTL support with logical properties:
Build layouts that adapt to different directions.
🦄 Fine-tune gradient color stop positions:
Specify exactly where you want each color stop to go.
🗜 Line-clamp out of the box: Truncate multi-line text without a plugin.
🅰️ New line-height modifier:
Set your font-size and line-height with one class.
🪄 CSS variables without the var():
New shorthand syntax for arbitrary values.
🍀 Configurable font-variation-settings:
Baked directly into your font-* utilities.
🤣 New list-style-image utilities:
So you can use horrible clip art for bullet points.
➖ New hyphens utilities:
For fine-tuning hyphenation behavior.
🏷 New caption-side utilities:
Title your tables with style.
🔗 https://tailwindcss.com/blog/tailwindcss-v3-3
✨ Tailwind CSS Tips
Tailwind CSS Tips
22 Mar, 20:47
🔥 #tutorial
First original video tutorial from this channel!
✨ Ceate a paragraph focus effect using Tailwind CSS
I hope you like it!
🔗 Tutorial: https://www.youtube.com/watch?v=YI8kTDQOiY8
🔗 Live demo: https://play.tailwindcss.com/ItPPlRMz6p
✨ Tailwind CSS Tips
First original video tutorial from this channel!
✨ Ceate a paragraph focus effect using Tailwind CSS
I hope you like it!
🔗 Tutorial: https://www.youtube.com/watch?v=YI8kTDQOiY8
🔗 Live demo: https://play.tailwindcss.com/ItPPlRMz6p
✨ Tailwind CSS Tips
Tailwind CSS Tips
14 Mar, 09:14
30 Tailwind CSS Tips compiled into ONE MEGA THREAD 👇
https://twitter.com/surjithctly/status/1635542102778994688?s=20
https://twitter.com/surjithctly/status/1635542102778994688?s=20
Tailwind CSS Tips
08 Mar, 13:09
Hey everyone,
Just launched Tailwind CSS Notion Handbook on Twitter. Need your support 🙏
https://twitter.com/surjithctly/status/1633355869399183363
Just launched Tailwind CSS Notion Handbook on Twitter. Need your support 🙏
https://twitter.com/surjithctly/status/1633355869399183363
Tailwind CSS Tips
23 Feb, 09:27
🔥 #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
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
Tailwind CSS Tips
03 Feb, 04:58
🔥 #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/
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/
Tailwind CSS Tips
02 Feb, 09:24
🔥 #tutorial
Automatic Tailwind CSS Class Sorting in 4 Minutes
By Laracasts
🔗 https://www.youtube.com/watch?v=4SYv-1AHRbg
Automatic Tailwind CSS Class Sorting in 4 Minutes
By Laracasts
🔗 https://www.youtube.com/watch?v=4SYv-1AHRbg
Tailwind CSS Tips
27 Jan, 06:00
🔥 #tip
You can use peer/{name} to create a beautiful "Pill Menu Animation" like this.
❌ No javascript
❌ No custom styles
By Surjith S M
🔗 Demo: https://play.tailwindcss.com/Qd98eMhkxy
⭐️ Source: https://bit.ly/3Dn5COj
✨ Tailwind CSS Tips
You can use peer/{name} to create a beautiful "Pill Menu Animation" like this.
❌ No javascript
❌ No custom styles
By Surjith S M
🔗 Demo: https://play.tailwindcss.com/Qd98eMhkxy
⭐️ Source: https://bit.ly/3Dn5COj
✨ Tailwind CSS Tips
Tailwind CSS Tips
26 Jan, 07:32
🔥 #tip
You can create a floating input form with Tailwind CSS
using "
By Surjith S M
🔗 Demo: https://play.tailwindcss.com/e9VYsoQ6ND
🔗 Alternate version: https://play.tailwindcss.com/gVoSIxxDbP
⭐️ Source: https://bit.ly/402GyG7
✨ Tailwind CSS Tips
You can create a floating input form with Tailwind CSS
using "
:placeholder-shown" pseudo class. By Surjith S M
🔗 Demo: https://play.tailwindcss.com/e9VYsoQ6ND
🔗 Alternate version: https://play.tailwindcss.com/gVoSIxxDbP
⭐️ Source: https://bit.ly/402GyG7
✨ Tailwind CSS Tips
Tailwind CSS Tips
25 Jan, 14:03
🔥 #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
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
Tailwind CSS Tips
03 Jan, 06:19
🔥 #component
🃏 Cards with nice hover animation
You can style pseudo-elements to create nice decorations and effects
🔗 https://play.tailwindcss.com/1DBQtJw3K5
—
📣
Dear subscribers,
What kind of content would you like to see on this channel?
Please write your answers in comments!
✨ Tailwind CSS Tips
🃏 Cards with nice hover animation
You can style pseudo-elements to create nice decorations and effects
🔗 https://play.tailwindcss.com/1DBQtJw3K5
—
📣
Dear subscribers,
What kind of content would you like to see on this channel?
Please write your answers in comments!
✨ Tailwind CSS Tips
Tailwind CSS Tips
21 Dec, 06:17
🔥 #template
Protocol - A new template from the creators of Tailwind CSS
Protocol is a Tailwind CSS template for building API reference sites.
💫 Features include:
⚛️ Built with React + Next.js
📝 MDX
⌨️ Keyboard accessible (Headless UI)
🌗 Dark mode
🔗 Details: https://tailwindui.com/templates/protocol
🔗 Live demo: https://protocol.tailwindui.com/
✨ Tailwind CSS Tips
Protocol - A new template from the creators of Tailwind CSS
Protocol is a Tailwind CSS template for building API reference sites.
💫 Features include:
⚛️ Built with React + Next.js
📝 MDX
⌨️ Keyboard accessible (Headless UI)
🌗 Dark mode
🔗 Details: https://tailwindui.com/templates/protocol
🔗 Live demo: https://protocol.tailwindui.com/
✨ Tailwind CSS Tips
Tailwind CSS Tips
20 Dec, 10:58
🔥 #news #new_release
🥳 Tailwind CSS v3.4 released!
📱 Dynamic viewport units
👨👨👦 Style children with the * variant
⚖️ Balanced headlines with text-wrap utilities
🎛 Subgrid support
📐 Extended min-width, max-width, and min-height scales
🪟 Extended opacity scale
💠 Extended grid-rows-* scale
📸 New forced-colors variant
🎚 New forced-color-adjust utilities
🔗 https://tailwindcss.com/blog/tailwindcss-v3-4
✨ Tailwind CSS Tips
🥳 Tailwind CSS v3.4 released!
📱 Dynamic viewport units
👨👨👦 Style children with the * variant
⚖️ Balanced headlines with text-wrap utilities
🎛 Subgrid support
📐 Extended min-width, max-width, and min-height scales
🪟 Extended opacity scale
💠 Extended grid-rows-* scale
📸 New forced-colors variant
🎚 New forced-color-adjust utilities
🔗 https://tailwindcss.com/blog/tailwindcss-v3-4
✨ Tailwind CSS Tips
Tailwind CSS Tips
15 Nov, 06:41
🔥 #tip
Nice tip from Marcel Pociot
🔗 https://play.tailwindcss.com/HY8N2f5txA
Nice tip from Marcel Pociot
🔗 https://play.tailwindcss.com/HY8N2f5txA
Tailwind CSS Tips
15 Nov, 04:25
🔥 #resource #news
Introducing ProTailwind - High quality tutorials covering advanced Tailwind CSS concepts and pattens
by Simon Vrachliotis
☀️ Deconstruct some the most visually interesting parts of the UI, triggering those “think outside the box” muscles in the process.
🎨 Add support for multiple color themes, combining the superpowers of CSS variables and the Tailwind Plugin API.
🎛 Isolate and compose styling concerns to support multiple style variant combinations for a given UI component
🏵 Share and consume the same UI components across multiple, unrelated projects
🔗 https://www.protailwind.com/
✨ Tailwind CSS Tips
Introducing ProTailwind - High quality tutorials covering advanced Tailwind CSS concepts and pattens
by Simon Vrachliotis
☀️ Deconstruct some the most visually interesting parts of the UI, triggering those “think outside the box” muscles in the process.
🎨 Add support for multiple color themes, combining the superpowers of CSS variables and the Tailwind Plugin API.
🎛 Isolate and compose styling concerns to support multiple style variant combinations for a given UI component
🏵 Share and consume the same UI components across multiple, unrelated projects
🔗 https://www.protailwind.com/
✨ Tailwind CSS Tips
Tailwind CSS Tips
28 Oct, 18:07
🔥 #tutorial
Using CSS Container Queries with Tailwind CSS
By Sam Selikoff
🌟 Container queries are (almost) here! Check out how to use them in Tailwind CSS 3.2
🔗 https://www.youtube.com/watch?v=NoP9oY7kdy8
✨ Join Tailwind CSS Tips
Using CSS Container Queries with Tailwind CSS
By Sam Selikoff
🌟 Container queries are (almost) here! Check out how to use them in Tailwind CSS 3.2
🔗 https://www.youtube.com/watch?v=NoP9oY7kdy8
✨ Join Tailwind CSS Tips
Tailwind CSS Tips
28 Oct, 17:51
🔥 #tutorial
Building a design system in Next.js with Tailwind
by Tru Narla
💫 Learn how to set up a design system in a Next.js application, and how to build an accessible and easily customizable user interface with Tru Narla, Software Engineer at Discord.
🔗 https://www.youtube.com/watch?v=T-Zv73yZ_QI
✨ Join Tailwind CSS Tips
Building a design system in Next.js with Tailwind
by Tru Narla
💫 Learn how to set up a design system in a Next.js application, and how to build an accessible and easily customizable user interface with Tru Narla, Software Engineer at Discord.
🔗 https://www.youtube.com/watch?v=T-Zv73yZ_QI
✨ Join Tailwind CSS Tips
4,022
subscribers
98
photos
1
videos
![[SIC] Frontend Master Telegram Channel](/avatar/1869/1869907918.jpg)
