Tailwind CSS Tips
前往频道在 Telegram
ℹ️ Learn the most popular utility-first framework. 🔥 #tips, ⭐️ #tricks, 🆕 #news Maintainer: @ilyosjon_k
显示更多未指定国家艺术与设计8 112
3 509
订阅者
-124 小时
+157 天
+3730 天
正在加载数据
吸引订阅者
十月 '2610月 '26
十月 '260
在0个频道中
九月 '260
在0个频道中
Get PRO
八月 '260
在0个频道中
Get PRO
七月 '260
在0个频道中
Get PRO
六月 '260
在0个频道中
Get PRO
五月 '260
在0个频道中
Get PRO
四月 '260
在0个频道中
Get PRO
三月 '260
在0个频道中
Get PRO
二月 '260
在0个频道中
Get PRO
一月 '260
在0个频道中
Get PRO
十二月 '250
在0个频道中
Get PRO
十一月 '250
在0个频道中
Get PRO
十月 '250
在0个频道中
Get PRO
九月 '250
在0个频道中
Get PRO
八月 '250
在0个频道中
Get PRO
七月 '250
在0个频道中
Get PRO
六月 '250
在0个频道中
Get PRO
五月 '250
在0个频道中
Get PRO
四月 '250
在0个频道中
Get PRO
三月 '250
在0个频道中
Get PRO
二月 '250
在0个频道中
Get PRO
一月 '250
在0个频道中
Get PRO
十二月 '24
+56
在0个频道中
Get PRO
十一月 '24
+76
在0个频道中
Get PRO
十月 '24
+95
在0个频道中
Get PRO
九月 '24
+93
在0个频道中
Get PRO
八月 '24
+138
在0个频道中
Get PRO
七月 '240
在0个频道中
Get PRO
六月 '24
+85
在0个频道中
Get PRO
五月 '24
+126
在0个频道中
Get PRO
四月 '24
+136
在0个频道中
Get PRO
三月 '24
+116
在0个频道中
Get PRO
二月 '24
+150
在0个频道中
Get PRO
一月 '24
+176
在0个频道中
Get PRO
十二月 '23
+148
在0个频道中
Get PRO
十一月 '23
+94
在0个频道中
Get PRO
十月 '23
+100
在0个频道中
Get PRO
九月 '23
+111
在0个频道中
Get PRO
八月 '23
+164
在0个频道中
Get PRO
七月 '23
+128
在0个频道中
Get PRO
六月 '23
+115
在0个频道中
Get PRO
五月 '23
+135
在0个频道中
Get PRO
四月 '23
+113
在0个频道中
Get PRO
三月 '23
+225
在0个频道中
Get PRO
二月 '23
+133
在0个频道中
Get PRO
一月 '23
+111
在0个频道中
Get PRO
十二月 '22
+84
在0个频道中
Get PRO
十一月 '22
+97
在0个频道中
Get PRO
十月 '22
+103
在0个频道中
Get PRO
九月 '22
+107
在0个频道中
Get PRO
八月 '22
+98
在0个频道中
Get PRO
七月 '22
+90
在0个频道中
Get PRO
六月 '22
+93
在0个频道中
Get PRO
五月 '22
+129
在0个频道中
Get PRO
四月 '22
+84
在0个频道中
Get PRO
三月 '22
+107
在0个频道中
Get PRO
二月 '22
+94
在0个频道中
Get PRO
一月 '22
+93
在0个频道中
Get PRO
十二月 '21
+58
在0个频道中
Get PRO
十一月 '21
+72
在0个频道中
Get PRO
十月 '21
+64
在0个频道中
Get PRO
九月 '21
+55
在0个频道中
Get PRO
八月 '21
+95
在0个频道中
Get PRO
七月 '21
+64
在0个频道中
Get PRO
六月 '21
+83
在0个频道中
Get PRO
五月 '21
+59
在0个频道中
Get PRO
四月 '21
+57
在0个频道中
Get PRO
三月 '21
+84
在0个频道中
Get PRO
二月 '21
+55
在0个频道中
Get PRO
一月 '21
+406
在0个频道中
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 24 十月 | 0 | |||
| 23 十月 | 0 | |||
| 22 十月 | 0 | |||
| 21 十月 | 0 | |||
| 20 十月 | 0 | |||
| 19 十月 | 0 | |||
| 18 十月 | 0 | |||
| 17 十月 | 0 | |||
| 16 十月 | 0 | |||
| 15 十月 | 0 | |||
| 14 十月 | 0 | |||
| 13 十月 | 0 | |||
| 12 十月 | 0 | |||
| 11 十月 | 0 |
频道帖子
🔥 #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
🔗 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
⚖️ 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 | 1 031 |
| 6 | 🔥 #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 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.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, 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 | 954 |
| 13 | 🔥 #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 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
🔗 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 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 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 |
