How I Create Tailwind CSS Plugins From Scratch

This tutorial guides you through creating a custom Tailwind CSS plugin to add a variety of button styles. It is an excellent way to rinse and reuse button components in the multiple prototype-like apps I build yearly. We'll cover designs like solid, outline, and ghost buttons, each with customizable colors and hover states.

======

👋 I'm Andy Leverenz, a passionate product designer and developer. I love creating and sharing my knowledge through design, coding, and writing. Join me on my journey by checking out my blog, Web-Crunch (https://web-crunch.com), where I publish tutorials, articles, and the occasional vlog about design and development.

📰 Never miss an update! Click here to subscribe: https://www.youtube.com/user/webcrunch?sub_confirmation=1

💻 Read the written version:
https://web-crunch.com/posts/create-a-tailwind-css-plugin-from-scratch

💎 New to Ruby on Rails? Enroll in my course HELLO RAILS:
https://hellorails.io

💻 The Blog (my source of truth): https://web-crunch.com

Additional Links:
🎨 Bring life to Rails projects with Rails UI: https://railsui.com.
👨‍💻 Hire me: Visit: https://railsui.com/custom
🐤 https://twitter.com/webcrunchblog.
⚙️ https://github.com/justalever.

P.S. This stuff takes a long time to make but I love to do it. To help me keep at it consider supporting me. If not monetarily, then subscribe to the channel or share it with someone!

✨ https://github.com/sponsors/justalever
☕️ https://www.buymeacoffee.com/webcrunch