🔥 #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
April 5, 2022
🔥 #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
April 6, 2022
🔥 #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
June 9, 2022
🔥 #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
June 17, 2022
🔥 #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
June 24, 2022
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.
July 20, 2022
🔥 #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
August 9, 2022
🔥 #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/
August 12, 2022
🔥 #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/
September 8, 2022
🔥 #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
October 6, 2022
🔥 #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
October 20, 2022
🔥 #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
October 28, 2022
🔥 #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
October 28, 2022
🔥 #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
November 15, 2022
🔥 #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
December 21, 2022
January 25, 2023
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 #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
January 26, 2023
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 #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
January 27, 2023
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
X (formerly Twitter)
Surjith S M ✪ (@surjithctly) on X
Product Launch 📢✨
Introducing "Tailwind CSS Notion Handbook"
↳ Tailwind CSS Basics
↳ 30 Tailwind CSS Tips
↳ 10 Bonus Tips
↳ Production Checklist
↳ UI Kits & Templates
↳ 20+ Tools & Resources
Launch Price: $9 for 24 hours ⏰
Code: LAUNCH75
👉 https://t.co/4bBTz76zYR
Introducing "Tailwind CSS Notion Handbook"
↳ Tailwind CSS Basics
↳ 30 Tailwind CSS Tips
↳ 10 Bonus Tips
↳ Production Checklist
↳ UI Kits & Templates
↳ 20+ Tools & Resources
Launch Price: $9 for 24 hours ⏰
Code: LAUNCH75
👉 https://t.co/4bBTz76zYR
March 8, 2023
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
March 14, 2023