@ProTailwind

Advanced Tailwind CSS concepts & patterns, taught by @simonswiss. Level up your Tailwind with multi-theme, multi-style & multi-project UI components.

 Online ⚡️
protailwind.com/
Joined April 2022
  • Tweets180
  • Following48
  • Followers3.5K
27Media
It's a vibe over here 🤗
2
5
45
7,343
oooOO I'm definitely *fetching* this one!
Simon Vrachliotis
@simonswiss11 Oct 2024
Officially launching "Tailwind CSS Color Tokens" 🚀 Available for FREE on Epic Web 🤗 Here's the intro video — link to the workshop will be in the reply.
3
1,126
They're so beautiful 😍
Simon Vrachliotis
@simonswiss8 Oct 2024
🤌 Blurry blobs with Tailwind CSS 1️⃣ create a few colorful shapes 2️⃣ add some blur and mix-blend-modes 3️⃣ keyframe the position & size of the shapes 4️⃣ stagger the animation-delay for randomness
1
8
897
🤗
Simon Vrachliotis
@simonswiss7 Oct 2024
🏎️ Tailwind CSS Speedrun — YouTube thumbnail
1
6
825
🤌 Glassmorphism with Tailwind CSS 1️⃣ set a semi-transparent background 2️⃣ use `backdrop-filter: blur` 3️⃣ play with the bg opacity, blur level, border and shadow ✨
5
13
1
204
12,818
this guy is almost as orange as me 🤣
Pro Tailwind@ProTailwind26 Apr 2024
Tailwind CSS is a design tool 🤗
1
2
770
This is very exciting news for everybody!
Adam Wathan
@adamwathan31 Aug 2024
Should have a new Tailwind CSS v4 alpha ready this week that includes most of the important backwards compatibility stuff needed to play with it in your v3 projects, including JS config file and plugin support 🤞
1
7
718
That's a hoot!
Simon Vrachliotis
@simonswiss25 Jul 2024
Tailwind Toot 🍑 Line-up your anchor page jumps perfectly with the scroll-margin-* utilities ✨
9
696
paw-some little tut 📣
Simon Vrachliotis
@simonswiss15 Jul 2024
Tailwind Toot ✨ The "space-x/y-*" utilities in Tailwind CSS were mostly useful before the "gap" CSS property for Flexbox and Grid was widely supported. In most cases I prefer to control "in-between" spacing with gap these days!
3
763
This guy is pretty cool — just sayin'
Simon Vrachliotis
@simonswiss11 Jul 2024
Today’s the day 🚀 After two sold-out live workshops — “Pixel Perfect Figma to Tailwind” is launching as a video course 🎬 Covers both Tailwind CSS v3 and v4 ✨ Super STOKED about this 🎉

Lauch — Pixel Perfect Figma.mp4

4
643
Pixel Perfect Figma to Tailwind CSS — stay tuned 👀
5
9
105
13,985
Learn how to build a corner ribbon banner with this FREE tutorial ✨
1
2
24
2,198
protailwind.com/tutorials/bu…

Flexible Ribbon Banner with Tailwind CSS Tutorial

An exercise-driven tutorial to learn the highly technical and creative aspects of building flexible Tailwind CSS components.

protailwind.com
1
1
523
Opacity modifiers in Tailwind CSS v4 also work with arbitrary HEX colors or CSS named colors, thanks to `color-mix()` ✨
Simon Vrachliotis
@simonswiss26 Apr 2024
Sure thing! play.tailwindcss.com/BqwGtNS…
2
4
28
5,986
Tailwind CSS is a design tool 🤗
Simon Vrachliotis
@simonswiss26 Apr 2024
Design exploration, directly in the browser, with @tailwindcss. Sharing the full video here — but be sure to check other tips on the Epic Web platform!
1
1
7
1,914
Woof — Tailwind CSS v4 sure looks cool 😎
Simon Vrachliotis
@simonswiss6 Mar 2024
✨ Mini Tailwind CSS v4 demo ✨ Replacing the font size scale with @openprops' one. This is the entire setup (using Tailwind in @astrodotbuild as a Vite plugin)
1
4
1,327
Adding multi-theme support with CSS variables and the Tailwind Plugin API — A Case Study youtube.com/watch?v=ahs9e4Y7…
1
6
913
👀 Simon does good live workshops, just sayin'
Simon Vrachliotis
@simonswiss21 Jan 2024
7️⃣ There are only 7 tickets left for the workshop 👀
3
1,021
One of my peak career moments so far was when I decided to learn motion graphics and make a last-minute hype reel for the @tailwindcss v3.0 launch. The edit came together in ~2 days, from just an idea to something that feels produced by a professional studio 🔥 Very proud 😎
9
5
2
261
38,545
An extract of my Multi-Theme Strategy @ProTailwind workshop 🤗
2
2
20
3,319
🧑‍🎓 Case Study Learnings from my @ProTailwind "Multi-Theme Strategy" workshop, immediately applied to a real-world production app. youtube.com/watch?v=ahs9e4Y7…

My Pro Tailwind Workshop Applied in A Real-World SaaS App

In this video, I walk you through a real-world implementation of th...

youtube.com
1
4
17
2,674
Load more