We just raised our biggest updates - Tailgrids V3.0 🎉

Pricing & FAQ Sign In

Trusted by thousands worldwide

600+ Vue Tailwind CSS UI Components

Tailwind CSS UI components, blocks, sections, and templates crafted for web apps, marketing, e-commerce, dashboards, and more

npm i tailgrids

Browse All - Components

Built with your favorite stack and tools.

Tailwind CSS

Figma

Html

React

Vue

JavaScript

Alpine.js

Trusted by 5000+ individuals & companies of all sizes

Vue Features

Beautiful Vue 3 components for modern web apps

Reactive Vue 3 components with Composition API, TypeScript, and Tailwind CSS

500+ Vue 3 Components

Reactive Vue components with Composition API, Pinia support, and Tailwind styling.

12+ Vue Templates

Nuxt 3 and Vue CLI ready templates for any project type.

Composition API

Modern Vue 3 patterns with composables for reusable logic.

Pinia Ready

Seamless state management integration with Pinia stores.

Nuxt 3 Compatible

Optimized for Nuxt 3 with auto-imports and SSR support.

Core Features

All core essentials to create stunning interfaces faster.

Powerful, ready-to-use components designed & developed to speed up your workflow.

600+ UI Components

Beautifully crafted 600+ Tailwind Components for HTML, React, and Vue components. From buttons to testimonials, we've got you covered.

Styled with Tailwind CSS

Built with the latest Tailwind CSS for a modern, minimal design, ensuring an exceptional development and coding experience.

Light & Dark Themes Available

Every component comes with built-in Light and Dark theme support — easily switch between themes to match user preferences.

Developer Friendly

Developer experience is our priority. Our library is built for efficiency, saving development hours while boosting productivity.

Easy to Use

Experience the simplicity of our copy-paste interface with no complex dependencies. Copy the code snippet and effortlessly paste it into your Tailwind project or start a new one.

Figma Source File

Get the full Figma source with a complete, ready-to-use design system.

CLI Tool Support

The Tailgrids UI CLI tool helps you quickly scaffold projects and add components to your existing projects.

Refreshing Design

Clean, high-quality design that leaves a positive impression. TailGrids follows modern trends for a clear visual experience.

Fully Responsive

Fully responsive and compatible with all modern browsers. Every element undergoes thorough cross-testing across major browsers and various mobile screen sizes.

1.4k

GitHub Stars

1.2k

Downloads on NPM

800

Figma Duplicates

Instant Integration

Build your web app 10x faster with TailGrids components.

All components are fully compatible with HTML, React, and Vue — simply copy, paste, and launch your project instantly.

tailgrids.com

preview

Login to your account

Don't Have an account? Sign Up

Forgot password?

Vue Components

500+ Vue 3 Components with Composition API

Reactive Vue 3 components built with Composition API and Tailwind CSS.

Vue Alerts

18 variants with transitions

Vue Avatars

12 sizes with lazy loading

Vue Badges

8 variants with animations

Vue Buttons

15 variants with loading

Vue Checkboxes

v-model compatible

Vue Dropdowns

Teleport & transitions

Vue Inputs

Vee-validate ready

Vue Breadcrumbs

Vue Router compatible

Preview - Figma Browse All - Components

Vue Templates

Production-ready Vue 3 & Nuxt 3 Templates

Build faster with fully-coded Vue templates and Nuxt starters.

All Templates Nuxt 3 Dashboard E-Commerce Landing Pages

Html

React

Nuxt 3 SaaS Starter

Full-featured SaaS template with Nuxt Auth and Stripe

Vue Admin Dashboard

Feature-rich admin with Pinia and Vue Query

Vue E-Commerce Store

Complete store with cart, wishlist, and checkout

Preview - Figma Browse All - Templates

Vue Developers Love Us

Trusted by Vue Developers Worldwide

Join thousands of Vue developers who build faster with TailGrids Vue.

Fajar Siddiq

Vue Developer, Singapore

TailGrids Vue components are beautifully crafted. The Composition API patterns and Vue 3 compatibility make them perfect for modern Vue projects. Love the Nuxt 3 support!

Marko Denic

Senior Vue Developer

Finally, a Vue component library that feels native to Vue 3. The reactivity, transitions, and Tailwind integration are exactly what the Vue ecosystem needed.

Athar Ahmed

Full-Stack Vue Developer

Building Nuxt 3 apps with TailGrids Vue has been amazing. Auto-imports work perfectly, SSR is flawless, and the components are incredibly performant.

Ostap Brehin

Vue Freelancer

The Vue transitions and animations in TailGrids are smooth and professional. My clients are always impressed with the polished feel of the final product.

Arnob Mukherjee

Vue Startup Founder

Shipped our Nuxt 3 MVP in record time using TailGrids Vue templates. The Pinia integration and composables saved us weeks of development time.

Kamal Hosen

Vue Tech Lead

We migrated our entire Vue 2 app to Vue 3 using TailGrids components. The Composition API patterns and TypeScript support made the transition smooth and enjoyable.

Community

Community contributors

Join a community of open-source contributors by tuning in with the Tailgrids React community and become one of the highlighted members

Community Contributors

Become a member of a community of developers by supporting Tailgrids

Get fresh updates, free resources, exclusive offers, and product news—straight to your inbox.