Tailwind CSS

CSSPostCSSUtility-FirstFramework

Tailwind CSS is a "utility-first" CSS framework that provides a deep catalog of CSS classes and tools that lets you easily get started styling your website or application. The underlying goal is that as you're building your project, you don't need to deal with cascading styles and worrying about how to override that 10-selector pileup that's been haunting your app for the last 2 years.

3.2.43 months ago

Lee Robinson @leeerob · 22 days ago

New video: Building a Linktree clone! 🌲 It's a simple demo, but still fun to see Edge SSR with 💯s across the board. Built with: @nextjs, @tailwindcss, and @vercel edge config. https://t.co/XHSDv1wesi

11
32
609

Josh Pigford @Shpigford · 22 days ago

As an old web "veteran", coming up as everyone was figuring out how to make the web, I was turned off by the @tailwindcss way of using so many CSS classes. But over the past ~2 years it's become an absolutely indispensable part of the way I build. Absolutely love it.

28
17
326

If you're starting to learn HTML and CSS again, it would be like this: 1. HTML 2. Basics of CSS (selectors) 2. Box model, positioning 3. Responsive web design 4. Media queries 5: Flexbox 6: Bootstrap/TailwindCSS 7: Build a tiny project after every step Next: JavaScript

19
177
708

✨ @tailwindcss quick tip ✨ ➡️ Center container by default If you use the .container class a lot you might find yourself adding something .mx-auto and .px-4 all the time 🤔 Instead use your tailwind config, to set a default padding and center it🚀 https://t.co/hWWU4cFb8e https://t.co/fGVHMbyPNy

6
3
41

Not quite done but this is my current progress on #coding360challenge for the month of January by @codingossy. Built with @nextjs, @tailwindcss, @framer motion, .... Working on responsiveness and smoothing out the animations tomorrow. How do I make the animations smoother? 🙏 https://t.co/WFRHcfoLyu

5
8
55

Had a lot of fun building this OG image generator for my upcoming website using @vercel edge functions and @nextjs. My favorite part was leveraging @tailwindcss color palettes to be able to change themes on the fly! https://t.co/NVC8Ekt1EU

12
19
242

Adam Wathan @adamwathan · 23 days ago

👨‍🔬 Quick proof-of-concept for browser-specific variants in Tailwind... Better to use `@​supports` most of the time, but sometimes you still need to make style tweaks because of browser-specific quirks 👍 https://t.co/mLLayzWeIt https://t.co/OOttRUUhyO

32
35
486

Poonam Soni @CodeByPoonam · 24 days ago

🥳 10K Followers 🥳 Thank you for your support I have written blog on my journey of learning frontend and Twitter growth for year 2022 at @hashnode Blog lists roadmap & resources of CSS, JavaScript, GitHub & TailwindCSS. Pls vote if you find blog interesting. #DevRetro2022

36
2
107

Hey @tailwindcss folks! Making an integration video on the Storybook YouTube channel Anything you'd adjust or extend in this recipe? https://t.co/QCE6EKoZnq Thanks in advance 🙏 cc/ @adamwathan @simonswiss

3
7
52

🔥 VS Code Tip of the Day 🔥 If you use @tailwindcss you MUST use this vs code extension!! https://t.co/iiGhEcwH1e

1
4
41

Here is my twitter routine I want to try for the rest of January 🚀 - Tweet a @tailwindcss quick tip in the morning 💅🏼 - Tweet something about my indie hacker journey and #buildinpublic in the afternoon 🔥 - Engage more with big accounts 🙋🏼‍♂️ Lets see where we get 📈

16
1
50

We just deployed https://t.co/NtgSnG53by" target="_blank" class="text-blue-400 hover:text-blue-600">https://t.co/NtgSnG53by 2.0 🛠️ Built with @astrodotbuild 🎨 Uses @tailwindcss for styling 🔥 Faster load times 💯 Lighthouse Scores ↔️ Mobile friendly 😌 Easier to manage Check it out https://t.co/NtgSnG53by" target="_blank" class="text-blue-400 hover:text-blue-600">https://t.co/NtgSnG53by https://t.co/OrYRWXiOjC

25
161
1019

3 days ago I had 0 experience of html css, @tailwindcss and web technologies in general. I decided to spend 3 days learning everything I can about creating a good landing page, and this is the result. It's not perfect but it's a huge achievement for me https://t.co/iaGPTCaIUD

21
2
70

A look back at the top open-source frontend projects in 2022.👀 →Bun @jarredsumner →Fresh @deno_land →Remix @remix_run →Markdoc @StripeDev →Next.js+Turbopack @vercel →Solidjs @solid_js →Tailwind @tailwindcss →Tauri @TauriApps →Vite @vite_js https://t.co/IzIBJQRuVR

1
12
80

My 2023 Tech Stack ⚛️ Front-End dev 🔹 Pure CSS/TailwindCSS 🔹 JavaScript/TypeScript 🔹 ReactJS + NextJS/ViteJS Back-End dev 🔸 NodeJS 🔸 Python Database ♦️ PostgreSQL ♦️ MongoDB ♦️ HarperDB Dev Ops 🟡 GIT + GitHub 🟡 Docker Code/IDE 🟣 VS Code 🟣 PyCharm Design 🟢 Figma

24
179
703

Learn For Free 👇🏻👇 HTML → w3schools CSS → FreeCodeCamp Git / GitHub→ LearnGitBranching.js .org Javascript → Javascript .info API → RapidAPI React → React-tutorial .app SQL → Sqlbolt React → Scrimba Tailwind → Tailwindcss .com Node → Youtube UI/UX → Hackdesign

32
272
803

✨ @tailwindcss quick tip ✨ You can create a beautiful border gradient effect by stacking to divs and giving first one a background gradient and the second one a filled background 💅🏼 https://t.co/wA5GSPpB50 Let me know, what tips you would like to see next 🚀 https://t.co/5OoOtaLdq6

19
15
178

HEY GUYS 👋🏽👋🏽 First, I wanna say Happy new year guys and welcome to the year of 2023. Second, I recently built my first blog CRUD app using: React, Firebase, Framer motion, React Toastify, Tailwindcss. Link and a one minute demo of the website: https://t.co/06ATgjr7GM https://t.co/yaq98Fu00K

9
11
31

Third project done! Food delivery app showcase site built with @nextjs, @tailwindcss and @framer. Your review is most appreciated. 🙏 🔗Live https://t.co/0vfWfzLW44 🔗Design https://t.co/iepTsPS9HF @_slightlyTechie @kwesi_dadson @mychidarko https://t.co/jfwheBHlq2 https://t.co/NNkgQxeywf

6
10
25

Day 22 of #100DaysOfCode 👨🏼‍💻 ✅ Today's @iCodeThis challenge Still trying to get the hang of TailwindCSS. Most of the times I feel that I would do it so much faster with plain CSS 😄 https://t.co/VGidSFTzfz

10
3
33

Fantastic work by Adrian! He's been very active in building the daily coding challenges! Today, he even used TailwindCSS for the first time! 🔥 Let's give him a round of applause! 👏👏👏 https://t.co/sXYd4W2MDp

5
1
36

Day 21 of #100DaysOfCode Daily challenge: @iCodeThis I did it! I made my first project using TailwindCSS! And fully responsive as well. 👨🏼‍💻 It was a lot of back and forth reading the official docs, but I'm happy with the end result. 🥳 I'll take every cheering I can get! ✌️😁 https://t.co/X9wTBxi5eZ

18
7
70

Csaba Kissi @csaba_kissi · a month ago

6. Tailwind CSS The Tailwind CSS framework is a utility-first CSS framework for building custom user interfaces. 🔗 https://t.co/PUoaeDfCB7 https://t.co/QdbCjZXIvG

1
1
27

Quick tip everyone using @tailwindcss: With https://t.co/nrPQKEfyjk you can easily create a color palette from your brand color 🚀 https://t.co/oMQrHxqecl

85
481
2563