🔥 #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
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
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
YouTube
What's new in Tailwind CSS v3.0?
In this video, I'll show you some of the exciting new features added in Tailwind CSS v3.0.
Release notes: https://tailwindcss.com/blog/tailwindcss-v3
Upgrade guide: https://tailwindcss.com/docs/upgrade-guide
Chapters:
0:00 Intro
0:10 Just-in-Time, all the…
Release notes: https://tailwindcss.com/blog/tailwindcss-v3
Upgrade guide: https://tailwindcss.com/docs/upgrade-guide
Chapters:
0:00 Intro
0:10 Just-in-Time, all the…
🔥 #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
🔥 #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
🔥 #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
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 #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.
🔥 #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
🔥 #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/
🔥 #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/
🔥 #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
🔥 #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
🔥 #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
🔥 #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
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 #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
🔥 #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
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥 #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