en
Feedback
Tailwind CSS Tips

Tailwind CSS Tips

Open in Telegram

ℹ️ Learn the most popular utility-first framework. πŸ”₯ #tips, ⭐️ #tricks, πŸ†• #news Maintainer: @ilyosjon_k

Show more
The country is not specifiedArt & Design8 112
3 509
Subscribers
-124 hours
+157 days
+3730 days

Data loading in progress...

Similar Channels
The Devs
32.3K
The Devs
Web Development
32.1K
Web Development
Laravel News
7.6K
Laravel News
React.js Books
2.9K
React.js Books
INVESTISSEMENT WEB ET FINANCEMENT πŸ’ΆπŸ’΄πŸ’³πŸ’°
2.5K
INVESTISSEMENT WEB ET FINANCEMENT πŸ’ΆπŸ’΄πŸ’³πŸ’°
avatar
1
More channels
Tags Cloud
No data
Any problems? Please refresh the page or contact our support manager.
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
December '24
December '24
+56
in 0 channels
November '24
+76
in 0 channels
Get PRO
October '24
+95
in 0 channels
Get PRO
September '24
+93
in 0 channels
Get PRO
August '24
+138
in 0 channels
Get PRO
July '240
in 0 channels
Get PRO
June '24
+85
in 0 channels
Get PRO
May '24
+126
in 0 channels
Get PRO
April '24
+136
in 0 channels
Get PRO
March '24
+116
in 0 channels
Get PRO
February '24
+150
in 0 channels
Get PRO
January '24
+176
in 0 channels
Get PRO
December '23
+148
in 0 channels
Get PRO
November '23
+94
in 0 channels
Get PRO
October '23
+100
in 0 channels
Get PRO
September '23
+111
in 0 channels
Get PRO
August '23
+164
in 0 channels
Get PRO
July '23
+128
in 0 channels
Get PRO
June '23
+115
in 0 channels
Get PRO
May '23
+135
in 0 channels
Get PRO
April '23
+113
in 0 channels
Get PRO
March '23
+225
in 0 channels
Get PRO
February '23
+133
in 0 channels
Get PRO
January '23
+111
in 0 channels
Get PRO
December '22
+84
in 0 channels
Get PRO
November '22
+97
in 0 channels
Get PRO
October '22
+103
in 0 channels
Get PRO
September '22
+107
in 0 channels
Get PRO
August '22
+98
in 0 channels
Get PRO
July '22
+90
in 0 channels
Get PRO
June '22
+93
in 0 channels
Get PRO
May '22
+129
in 0 channels
Get PRO
April '22
+84
in 0 channels
Get PRO
March '22
+107
in 0 channels
Get PRO
February '22
+94
in 0 channels
Get PRO
January '22
+93
in 0 channels
Get PRO
December '21
+58
in 0 channels
Get PRO
November '21
+72
in 0 channels
Get PRO
October '21
+64
in 0 channels
Get PRO
September '21
+55
in 0 channels
Get PRO
August '21
+95
in 0 channels
Get PRO
July '21
+64
in 0 channels
Get PRO
June '21
+83
in 0 channels
Get PRO
May '21
+59
in 0 channels
Get PRO
April '21
+57
in 0 channels
Get PRO
March '21
+84
in 0 channels
Get PRO
February '21
+55
in 0 channels
Get PRO
January '21
+406
in 0 channels
Date
Subscriber Growth
Mentions
Channels
21 December+1
20 December+2
19 December+6
18 December+1
17 December+2
16 December+2
15 December+2
14 December+4
13 December+2
12 December+2
11 December0
10 December+4
09 December+1
08 December+2
07 December+1
06 December0
05 December+6
04 December+3
03 December+10
02 December+3
01 December+2
Channel Posts
Tailwind CSS Tips
πŸ”₯ #tutorial First original video tutorial from this channel! ✨ Ceate a paragraph focus effect using Tailwind CSS I hope you
πŸ”₯ #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

2
πŸ”₯ #component πŸƒ Cards with nice hover animation You can style pseudo-elements to create nice decorations and effects πŸ”— http
πŸ”₯ #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!
1 560
3
https://play.tailwindcss.com/K8kPtkzFCO πŸ₯³
1 633
4
πŸ”₯ #news #new_release πŸ₯³ Tailwind CSS v3.4 released! πŸ“± Dynamic viewport units πŸ‘¨β€πŸ‘¨β€πŸ‘¦ Style children with the * variant βš–οΈ
πŸ”₯ #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
2 083
5
πŸ”₯ #tip Nice tip from Marcel Pociot πŸ”— https://play.tailwindcss.com/HY8N2f5txA
πŸ”₯ #tip Nice tip from Marcel Pociot πŸ”— https://play.tailwindcss.com/HY8N2f5txA
1 031
6
πŸ”₯ #course #ebook ✨ Introducing Level up with Tailwind CSS by Shruti Balasa An in-depth course to take your Tailwind CSS skil
πŸ”₯ #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
1 093
7
Which frontend framework do you use?
911
8
πŸ”₯ #ui #component Langui - Beautiful components for your AI projects by Ahmad Bilal LangUI is an Open Source Tailwind library
πŸ”₯ #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/
983
9
πŸ”₯ #template Meet Studio by Tailwind Labs "Studio is a beautiful multi-page agency template built with Tailwind CSS and Next.
πŸ”₯ #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
891
10
πŸ”₯ #tailwind_connect ✨ Tailwind Connect 2023 β€” Keynote πŸ”— https://www.youtube.com/watch?v=CLkxRnRQtDE
1 030
11
πŸ”₯ #ui #components #alpinejs Introducing Pines UI by DevDojo "Pines is a library of animations, sliders, tooltips, accordions
πŸ”₯ #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
1 161
12
πŸ”₯ #tip #showcase Infinite Marquee Scrolling with Tailwind CSS ✨ by @surjithctly πŸ”— https://play.tailwindcss.com/alDCOx6PU2
πŸ”₯ #tip #showcase Infinite Marquee Scrolling with Tailwind CSS ✨ by @surjithctly πŸ”— https://play.tailwindcss.com/alDCOx6PU2
954
13
πŸ”₯ #new_release Tailwind CSS v3.3 released 🎨 Extended color palette for darker darks: New darker 950 shades for every color.
πŸ”₯ #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
1 387
14
30 Tailwind CSS Tips compiled into ONE MEGA THREAD πŸ‘‡ https://twitter.com/surjithctly/status/1635542102778994688?s=20
996
15
Hey everyone, Just launched Tailwind CSS Notion Handbook on Twitter. Need your support πŸ™ https://twitter.com/surjithctly/status/1633355869399183363
1 032
16
πŸ”₯ #tip You can use peer/{name} to create a beautiful "Pill Menu Animation" like this. ❌ No javascript ❌ No custom styles By
πŸ”₯ #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
826
17
πŸ”₯ #tip You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. By Surjith S M πŸ”— Dem
πŸ”₯ #tip 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
698
18
πŸ”₯ Awesome Tailwind CSS Tips are coming!
720
19
πŸ”₯ #template Protocol - A new template from the creators of Tailwind CSS Protocol is a Tailwind CSS template for building API
πŸ”₯ #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/
753
20
πŸ”₯ #resource #news Introducing ProTailwind - High quality tutorials covering advanced Tailwind CSS concepts and pattens by Si
πŸ”₯ #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 ✨ Tailwind CSS Tips
740
View all posts