@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
🤌 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
203
12,825
Pixel Perfect Figma to Tailwind CSS — stay tuned 👀
5
9
105
13,985
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
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
Pro Tailwind retweeted
Sam Selikoff
@samselikoff1 Nov 2023
Replying to @simonswiss @mattpocockuk
Just finished this, great teaching story Simon I learned a lot! Getting the gears turning on how I could use plugins for some of my projects for sure 👍 Also transform.tools is the 🐐
1
1
13
3,188
Sneak peek at the CSS Gradient syntax "crash course" intro 👀
4
24
3,666
Want to do a deep dive into Tailwind CSS plugins, CSS variables, and animated gradients? I have a free course for you!
7
48
2
331
53,674
Tailwind with @simonswiss 😍 Discussed its ease, productivity gains, and killer VS Code extensions. Get insights on type safety in Tailwind. All this + 24 more interviews come with my full-stack workshop at EpicWeb.dev. Major discount now! epicweb.dev/bonuses/intervie…

Ship Modern Full-Stack Web Applications

Learn full-stack web development with Kent C. Dodds and the Epic Web instructors. Learn TypeScript, React, Node.js, and more through hands-on workshops.

epicweb.dev
1
3
26
11,303
Congratulations to @johnnyhawley, one of the @ProTailwind 4K Giveway winner 💝 You're walking away with BOTH existing Pro Tailwind workshops for FREE 🎉🎉 Enjoy the content! 🤗
1
13
2,368
How cute is that T-Shirt color change 🤗
3
1
1
40
6,574
50 to go! 🤗
Pro Tailwind@ProTailwind26 Jul 2023
Closing in on 4K subscribers to the Pro Tailwind mailing list! To celebrate this milestone, I am doing a bunch of little giveaways 🤗 Both for new and existing subscribers ✨ Nope, not giving away corgi puppies. Sorry. But it's almost as good 🙌 Details in the next Tweets 👇
1
5
3,328
🤸‍♀️ Tailwind Gymnastics 🏋🏾 Can you work out the **exact percent width** this corner ribbon banner should have? And how would you express this with Tailwind CSS?
4
5
1
42
17,512
It's a vibe over here 🤗
2
5
45
7,344
FREE video course — Build a fancy little corner ribbon UI with Tailwind CSS 💝 This is a 10-step problem/solution progression. You can just watch the solution videos, or write the code yourself! Course link in the next tweet 🤙
2
8
3
71
8,839
I'm excited to announce that the Epic Stack has officially adopted @shadcn's reusable UI components: github.com/epicweb-dev/epic-… Check the decision document linked in the discussion for justifications etc.

Adopt shadcn/ui 😎 · epicweb-dev epic-stack · Discussion #224

I'm excited to announce that we've adopted shadcn/ui in The Epic Stack 🎉 This means it will be much easier for folks to take advantage of that great registry of components and the component...

github.com
9
24
3
499
131,981
This is a really well-produced video with @tailwindcss tips. Really appreciate the effort that went into this ✨ Great work, @my_perfect_base — you deserve many more subscribers on your channel 👏 youtube.com/watch?v=aSlK3GhR…

10 Tailwind Tricks You NEED To Know!

I've been loving to use Tailwind to style my web projects.This vid...

youtube.com
3
9
51
7,335
Context switching and just "time" is crazy. I have this deflating feeling I haven't even started working on my next @ProTailwind workshop on "Multi-Project Tailwind Components"... ... and then I find this tweet from myself 🤯😅 Holy crap, I did that?! xitter.cf/simonswiss/status/1644…
Simon Vrachliotis
@simonswiss7 Apr 2023
👀👀 My workshop prototype is progressing real fast ✨ Here's a sneak peek 🙈
2
1
11
4,438
That little jumpstart 🫠
2
31
5,143
Load more