The utility-first CSS framework. Rapidly build modern websites, without ever leaving your HTML.
- Tweets 1,022
- Following 0
- Followers 289,066
- Likes 215
Tailwind CSS retweeted
The new @tailwindcss CLI is 🔥🔥🔥.
So fast and easy to use!
If you haven’t tried playing with Tailwind CSS yet, this is definitely the time to dig in.
github.com/tailwindlabs/tail…
1
10
65
Tailwind CSS retweeted
🥳 Just released Tailwind CSS v2.2! Maybe our biggest feature release of all time.
🏎️ All-new high-performance CLI
👻 Before/after variants
👫 Sibling variants
💅 Style highlighted text
🥕 Caret color utilities
🎁 ...and tons more!
blog.tailwindcss.com/tailwin…
45
341
1,724
Tailwind CSS retweeted
I'm challenging myself to recreate UI elements from around the web as a way to learn new things and keep fresh. 🍋
Here's a wip thread on what I've been building, using and learning:
🏗️ Base stack:
• Next.js
• @TailwindCSS
• PostgreSQL and @Prisma
delbaoliveira.com/blog/front…
27
85
910
Tailwind CSS retweeted
New screencast 🚀
Learn how to rebuild @qoalsapp's animated, blurry backgrounds with @tailwindcss.
youtube.com/watch?v=Tmkr2kKU…
Sit back and enjoy these colorful blobs in true motion 🍿😎
3
5
48
Tailwind CSS retweeted
It all started in v11.2... but did you know v12 includes native support for @TailwindCSS?
To enable TailwindCSS, ng update then:
1. Install with `npm install -D tailwindcss` OR `yarn add -D tailwindcss`
2. Create a TailwindCSS configuration file in the workspace or project root
ALT Terminal with two commands to add TailwindCSS: yarn add -D tailwindcss touch tailwindcss-config.js
8
108
444
Tailwind CSS retweeted
🥳 Opened a PR for composable transforms without needing the `transform` class:
github.com/tailwindlabs/tail…
4
6
170
Tailwind CSS retweeted
Loved these cool blurry, animated background shapes I noticed on the @qoals landing page the other day!
In this thread, I'll show you how to recreate them with @tailwindcss
8
44
386
Tailwind CSS retweeted
🧑🏻🔬 Prototyping a new "peer" variant (like "group" but for previous siblings) this afternoon...
Makes it possible to do stuff like floating labels in pure Tailwind with no custom CSS 🙈
21
52
754
Tailwind CSS retweeted
Everything you need to know about @tailwindcss in 21 videos 👇
From introduction to installation & customization
From simple concepts to advanced ones
From small examples to landing page & portfolio web pages
You don't need to look anywhere else (apart from the docs of course)
29
158
717
Tailwind CSS retweeted
🤔 What's the best way to structure your classes and markup when building UIs with Tailwind CSS?
Here are some of the rules I follow to build things that are consistent, easy to understand, and straightforward to componentize 👇
22
317
1,454
Tailwind CSS retweeted
Just opened a PR to add `::before` and `::after` support to the Tailwind CSS JIT engine 💪
github.com/tailwindlabs/tail…
35
51
934
🕵️ Curious what's coming in the next version of Tailwind?
Get a sneak peek of some of the new features we're working on and learn how to play with them yourself in our latest screencast!
youtube.com/watch?v=hoFwUe97…
3
31
248
Tailwind CSS retweeted
Really cool feature of @tailwindcss: Referencing other parts of your theme by providing a closure.
Super easy way to give `minWidth` the full library that `width` has.
tailwindcss.com/docs/theme#r…
#tailwindcss
9
67
Tailwind CSS retweeted
My personal journey with @tailwindcss:
1) this doesn’t look right...
2) wait, you aren’t supposed to do that...
3) I guess it does make that easier...
4) and that too...
5) wow that project was way easier...
6) I love this...
7) why on earth didn’t I use this sooner?
12
33
415
🚀 New screencast day!
Learn how to build complex nested transitions with Vue.js, Tailwind CSS, and Headless UI 👉
youtube.com/watch?v=8G-1NW5N…
2
17
126
Tailwind CSS retweeted
CSS experiment with @tailwindcss 😎
Recreated the @RevolutApp plans section cards with blur effect on the mouse hover from the home page - revolut.com.
Result: play.tailwindcss.com/f91h03y…
5
31
276
🚀 Launching Sleeve today! A simple macOS app that shows off what you're listening to on your desktop. Ships with Spotify and Apple Music support and dozens of ways to customise the layout and style - replay.software/sleeve
ALT Screenshot of Sleeve displaying album artwork
ALT Screenshot of Sleeve displaying album artwork
ALT Screenshot of Sleeve displaying album artwork
1
38
Tailwind CSS retweeted
I was curious how @tailwindcss renders text to look like wireframes.
Turns out it's using Flow font (danross.co/flow/) by @HYPD. Very cool!
6
34
396