Tailwind CSS Tips
前往频道在 Telegram
ℹ️ Learn the most popular utility-first framework. 🔥 #tips, ⭐️ #tricks, 🆕 #news Maintainer: @ilyosjon_k
显示更多未指定国家艺术与设计8 112
3 509
订阅者
-124 小时
+157 天
+3730 天
数据加载中...
吸引订阅者
十二月 '24
十二月 '24
+56
在0个频道中
十一月 '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个频道中
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 21 十二月 | +1 | |||
| 20 十二月 | +2 | |||
| 19 十二月 | +6 | |||
| 18 十二月 | +1 | |||
| 17 十二月 | +2 | |||
| 16 十二月 | +2 | |||
| 15 十二月 | +2 | |||
| 14 十二月 | +4 | |||
| 13 十二月 | +2 | |||
| 12 十二月 | +2 | |||
| 11 十二月 | 0 | |||
| 10 十二月 | +4 | |||
| 09 十二月 | +1 | |||
| 08 十二月 | +2 | |||
| 07 十二月 | +1 | |||
| 06 十二月 | 0 | |||
| 05 十二月 | +6 | |||
| 04 十二月 | +3 | |||
| 03 十二月 | +10 | |||
| 02 十二月 | +3 | |||
| 01 十二月 | +2 |
频道帖子
🔥 #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 |
