[{"data":1,"prerenderedAt":14},["ShallowReactive",2],{"blog-post-designing-reusable-ui-with-tailwind-and-vue":3},{"slug":4,"title":5,"description":6,"category":7,"publishedAt":8,"readingTime":9,"content":10},"designing-reusable-ui-with-tailwind-and-vue","Designing Reusable UI with Tailwind and Vue","A practical approach to reusable components that stay flexible as product requirements change.","Design System","2026-04-06","5 min read",[11,12,13],"Reusable components do not need a large design system upfront. A small set of primitives such as buttons, cards, navigation shells, and spacing conventions cover most early product needs.","Tailwind works best when utility classes express layout and visual intent directly in the component, while extracted component classes handle repeated shell patterns.","The main goal is consistency without rigidity, so teams can move quickly and still keep the interface cohesive.",1776859604130]