FreeComponent · Hero sections
Hero Split
Split Vue 3 hero section with copy and two CTAs on the left and a Tailwind-drawn app window mockup on the right. Dark mode, typed props, no images.
by Vueplay1 installs
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
Free
FreeTemplate · Error pages
404 Not Found Page
Friendly Vue 3 404 page with a drawn compass illustration, live search suggestions and helpful links, plus a compact 500 error variant. Tailwind CSS.
by Vueplay
$29Template · Dashboards
Admin Dashboard
A complete Vue 3 admin dashboard template with a collapsible sidebar, hand-drawn SVG charts, a sortable customers table and settings. Tailwind CSS, dark mode.
by Vueplay
FreeTemplate · Dashboards
Analytics Dashboard
Web analytics dashboard template for Vue 3 and Tailwind CSS: SVG area chart, metric tabs, top pages, sources, a devices donut and a date range picker.
by Vueplay
FreeTemplate · Landing pages
App Landing
Vue 3 landing page for a mobile app with a CSS-drawn phone mockup, feature highlights, a screenshot strip and download buttons. Tailwind CSS, dark mode.
by Vueplay
FreeTemplate · Auth pages
Auth Pages
Sign in, sign up and forgot-password screens in Vue 3 with a split brand panel, inline validation and a password visibility toggle. Tailwind CSS, dark mode.
by Vueplay
FreeComponent · Feature sections
Bento Grid
Bento-style Vue 3 feature grid with wide and tall tiles and small CSS-drawn visuals like maps, timelines and code. Tailwind CSS, dark mode, typed tiles.
by Vueplay
FreeTemplate · Blogs
Blog Article
Long-form Vue 3 article template with hand-tuned Tailwind typography, a scroll-aware table of contents, code blocks, callouts, author box and related posts.
by Vueplay
FreeTemplate · Blogs
Blog Index
Vue 3 blog home template with a featured post, drawn cover art, category chips, live search, pagination and a newsletter signup. Tailwind CSS with dark mode.
by Vueplay
FreeComponent · Data display
Changelog Timeline
Vertical changelog timeline for Vue 3 with version badges, dated releases, typed change tags and filter chips. Built with Tailwind CSS, dark mode.
by Vueplay
FreeTemplate · Marketing pages
Coming Soon
Vue 3 coming-soon and waitlist page with a live countdown, validated email capture and social links, drawn sky backdrop. Tailwind CSS, dark mode.
by Vueplay
$9Component · Navigation
Command Palette
A ⌘K / Ctrl+K command palette for Vue 3 with fuzzy search, grouped results, recent items and full keyboard navigation. Tailwind CSS, dark mode.
by Vueplay
FreeComponent · Forms
Contact Form
Accessible Vue 3 contact form with inline validation, a live character counter and loading, success and error states. Tailwind CSS, dark mode.
by Vueplay
FreeComponent · Call to action
CTA Banner
Vue 3 call-to-action banner in three layouts (glowing panel, split card and slim band) with primary and secondary buttons. Tailwind CSS, dark mode.
by Vueplay
FreeComponent · Data tables
Data Table
Generic, typed Vue 3 data table with click-to-sort columns, search, checkbox row selection and pagination. Tailwind CSS, dark mode, mobile scroll.
by Vueplay
$15Template · Documentation
Docs Layout
Premium Vue 3 documentation template: searchable sidebar, content pages, scroll-aware table of contents, tabbed code blocks with copy, callouts and a mobile drawer.
by Vueplay
FreeComponent · Navigation
Dropdown Menu
Accessible Vue 3 dropdown menu button with icons, separators, headings, disabled items, arrow-key navigation and click-outside close. Tailwind CSS.
by Vueplay
FreeComponent · Accordions & FAQs
FAQ Accordion
Accessible Vue 3 FAQ accordion with single or multiple open answers, smooth height animation and full ARIA wiring. Tailwind CSS, dark mode.
by Vueplay
FreeComponent · Feature sections
Feature Alternating
Alternating Vue 3 feature rows that zigzag text and CSS-drawn illustrations, with bullets and links per row. Tailwind CSS, dark mode, no images needed.
by Vueplay
FreeComponent · Feature sections
Feature Grid
Responsive Vue 3 feature grid with a heading, inline SVG icons and plain or card variants in 2, 3 or 4 columns. Tailwind CSS, dark mode, typed data.
by Vueplay
FreeComponent · Forms
File Dropzone
Drag-and-drop file upload zone for Vue 3 with click to browse, type and size validation, image previews and progress bars. Tailwind CSS, dark mode.
by Vueplay
FreeComponent · Footers
Footer Columns
Multi-column Vue 3 footer with a brand blurb, social icon links and a bottom bar for legal links and system status. Tailwind CSS, dark mode.
by Vueplay
FreeComponent · Hero sections
Hero Centered
Centered Vue 3 hero with an announcement pill, gradient headline, grid background, two CTAs and a row of wordmarks. Tailwind CSS with dark mode.
by Vueplay
FreeComponent · Hero sections
Hero Email Capture
Vue 3 waitlist hero with an accessible email form: inline validation, loading and success states, and a typed submit event. Tailwind CSS, dark mode.
by Vueplay