Rapid development with Vue.js & Tailwindcss

What is TailwindCSS ?

Vue.js

Tailwind

When is Vue + Tailwindcss a good fit?

🎁 New projects

Long term maintenance

🏃 Rapid development cycle

📚 Component libraries

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

Tools & Ecosystem

Great built in utilities

Demo

Find me on

cristi.jora@binarcode.com

Made with Slides.com