Tailwind CSS Tips
Відкрити в Telegram
ℹ️ Learn the most popular utility-first framework. 🔥 #tips, ⭐️ #tricks, 🆕 #news Maintainer: @ilyosjon_k
Показати більшеКраїна не вказанаМистецтво та дизайн8 112
3 509
Підписники
-124 години
+157 днів
+3730 днів
Завантажуємо дані
Схожі канали
Хмара тегів
Немає даних
Виникли проблеми? Будь ласка, оновіть сторінку або зверніться до нашого support-менеджера.
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
жовтень '26жовт '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 |
