Rapid development with Vue.js & Tailwindcss

What is TailwindCSS ?

Vue.js

Tailwind

When is Vue + Tailwindcss a good fit?

Button component with Tailwind

Button component with plain css 

+ 115 more lines of code, up to 3x more code

Comparison

TailwindCSS

Plain CSS

• Verbose Template
• Bigger size (no PurgeCSS) 

• Verbose CSS
• More code
• More boilerplate

TailwindCSS benefits

• Consistency
• Less code
• Less boilerplate
• Easy CSS deletion

Fancier Example

• 🗃️ TailwindUI
• 🛠️ Tailwind Intellisense
• 🛠️ Tailwind IntelliJ Plugin
• 📹  Tailwind Screencasts
• 🔗  Vue & Tailwind Codesandboxes

Tools & Ecosystem

Great built in utilities

Demo

jora_cristi

Find me on

 cristijora

cristi.jora@binarcode.com