$12Component · Data display
Kanban Board
Vue 3 kanban board with native drag and drop, keyboard moves, WIP limits and inline add card. v-model board state, Tailwind CSS, dark mode.
by Vueplay
Library
Vue components and templates, ready to remix.
Real Vue 3 + Tailwind code with live previews and documented props. Remix it in the Studio, install it with npm, or copy the SFC.
60 results
$12
FreeComponent · Feature sections
Logo Cloud
"Trusted by" logo cloud for Vue 3 with a bordered grid or an endless marquee, using text wordmarks and SVG marks. Tailwind CSS, dark mode, reduced motion.
by Vueplay
FreeComponent · Navbars
Mega Menu Navbar
Vue 3 navbar with Products and Resources mega-menu panels, keyboard navigation and a mobile accordion. Built with Tailwind CSS, dark mode ready.
by Vueplay
FreeComponent · Modals & overlays
Modal Dialog
Accessible Vue 3 modal dialog with v-model:open, focus trap, Escape and backdrop close, scroll lock and footer slot. Tailwind CSS, dark mode.
by Vueplay
FreeComponent · Forms
Multi-Step Form
Config-driven Vue 3 multi-step form wizard with a step indicator, per-step validation, back/next, a review step and a submit event. Tailwind CSS.
by Vueplay
FreeComponent · Footers
Newsletter Footer
Vue 3 footer with a newsletter signup form: email validation, loading and success states, and a subscribe event. Tailwind CSS, dark mode.
by Vueplay
FreeComponent · Navigation
Pagination Bar
Vue 3 pagination bar with v-model:page, smart ellipsis, prev/next, a page-size picker, compact mobile view and a “Showing X–Y of Z” summary. Tailwind CSS.
by Vueplay
FreeTemplate · Portfolios
Portfolio Minimal
Minimal one-page portfolio template in Vue 3 and Tailwind CSS: intro, selected work with drawn project covers, about, experience and contact.
by Vueplay
FreeComponent · Pricing tables
Pricing Comparison
Vue 3 plan comparison table with grouped feature rows, check and dash cells, a sticky plan header on desktop and stacked cards on mobile. Tailwind CSS.
by Vueplay
FreeTemplate · Marketing pages
Pricing Page
Full Vue 3 pricing page: four tiers with a monthly/yearly toggle, a responsive feature comparison table, FAQ and an enterprise CTA. Tailwind CSS.
by Vueplay
FreeComponent · Pricing tables
Pricing Single
Single-plan Vue 3 pricing card with a feature checklist, a sale price, a money-back guarantee and one clear CTA. Tailwind CSS, dark mode, typed props.
by Vueplay
FreeComponent · Pricing tables
Pricing Tiers
Three-tier Vue 3 pricing table with a monthly/yearly toggle, a highlighted plan and a select event. Tailwind CSS, dark mode, fully typed props.
by Vueplay
FreeComponent · Navbars
Responsive Navbar
Responsive Vue 3 navbar with logo, links, a CTA and an accessible hamburger menu that closes on Escape. Tailwind CSS, dark mode, typed props.
by Vueplay
$19Template · Landing pages
SaaS Landing
Complete Vue 3 SaaS landing page template with a drawn product UI, features, pricing toggle, testimonials and FAQ. Tailwind CSS 4, dark mode, typed.
by Vueplay
FreeTemplate · Dashboards
Settings Page
Account settings template for Vue 3 and Tailwind CSS with section nav, profile and account forms, notification toggles, billing and a floating save bar.
by Vueplay
FreeComponent · Navigation
Sidebar Nav
Vue 3 app sidebar with sections, icons, badges, collapsible groups, an icon-only collapsed mode and a mobile off-canvas drawer. Tailwind CSS.
by Vueplay
FreeComponent · Modals & overlays
Slide-over Panel
Vue 3 slide-over drawer that opens from the left or right, with v-model:open, focus trap, Escape close, header and footer slots. Tailwind CSS, dark mode.
by Vueplay
FreeComponent · Data display
Stats Cards
Vue 3 KPI stat cards with trend deltas and tiny inline SVG sparklines, no chart library needed. Tailwind CSS, dark mode, typed props.
by Vueplay
FreeComponent · Data display
Team Grid
Vue 3 team section with a responsive grid of member cards: initials avatars, role, short bio, location and social links. Tailwind CSS, dark mode.
by Vueplay
FreeComponent · Testimonials
Testimonial Carousel
Accessible Vue 3 testimonial carousel with prev/next, dots and autoplay that pauses on hover or focus and honours reduced motion. Tailwind CSS.
by Vueplay
FreeComponent · Testimonials
Testimonial Grid
Masonry grid of testimonial cards for Vue 3 with initials avatars, optional star ratings and highlighted quotes. Tailwind CSS, dark mode.
by Vueplay
FreeComponent · Toasts & alerts
Toast Stack
Vue 3 toast notification stack with push/dismiss API, success, error, info and warning variants, pause-on-hover timers and six positions. Tailwind CSS.
by Vueplay
FreeComponent · Tabs
Underline Tabs
Accessible Vue 3 tabs with underline and pills variants, a sliding indicator, roving tabindex and arrow-key navigation. Tailwind CSS, v-model.
by Vueplay
FreeTemplate · Starters
Blank
A simple, lightweight starting point with no predefined layout or components. Ideal for users who want full control to build their own structure from scratch without unnecessary clutter. Perfect for developers who prefer a clean foundation to customize every detail.