Library

Vue 3 components, 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.

5 results for “layout”

Preview of CTA BannerFree

Component · 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
Preview of BlockFree

Component · Layout

Block

Preview of BoardFree

Component · Data display

Board

A flexible board component built for smooth panning, zooming with a grid layout. It supports both mouse and touch input, making it a great fit for whiteboards, diagram tools, mind maps, and workflow editors. Designed for performance and responsiveness, it delivers a fluid experience on desktop and mobile with intuitive gestures and real-time interaction on a scalable canvas.

Preview of BoxFree

Component · Layout

Box

A layout building block based on display: flex. It offers fine-tuned controls for creating a wide range of layouts without writing custom CSS.

Preview of CarouselFree

Component · Media & effects

Carousel

Carousel is a flexible Vue component for showcasing content with smooth horizontal or vertical rotation. Designed for both simplicity and style, it lets you present images, cards, or custom elements in an engaging, interactive way that adapts to any layout.

Pro feature

Upgrade to Pro

Upgrade to unlock more of Vueplay. Cancel any time.

  • Custom domains with HTTPS
  • Private projects
  • No "Made with Vueplay" badge
  • GitHub sync

$120/year

Compare plansBilling settings