Vue Marquee

A beautiful marquee component for Vue 3.

Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.
Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.
Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.
Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.

Installation

Register it as a global component

or

Register it as a local component

Nuxt 3

If you are using Nuxt 3, you can simply register it as a Nuxt plugin as shown below:

Fade

Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.
Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.

Reverse

Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.
Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.

Pause On Hover

Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.
Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.

Vertical

Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.
Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.

Custom Gap And Speed

Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.
Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.

Reduced Motion

Disable animation when user device prefers reduced motion.

Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.
Selemondev
Selemondev
Senior Frontend Engineer
Marquee Library has been a game-changer for our TypeScript projects. Its seamless integration and robust features have significantly improved our UI's dynamic capabilities.
Raj Patel
Raj Patel
Tech Lead
I'm thoroughly impressed with Marquee's performance and ease of use. It made implementing complex scrolling texts a breeze, and the support for TypeScript is top-notch.
Sofia Garcia
Sofia Garcia
UI/UX Designer
As a designer, I appreciate how Marquee enhances the visual appeal of our applications. The flexibility it offers in styling and animation is fantastic.
John Mack
John Mack
Full Stack Developer
Integrating Marquee into our full-stack TypeScript projects has been incredibly efficient. Its compatibility and ease of customization are ideal for our diverse project needs.
Isabella Smith
Isabella Smith
Project Manager
Marquee Library has consistently delivered beyond our expectations. It's not just a tool; it's an asset that enhances productivity and creativity in our TypeScript applications.

Feedback

Found an issue? Submit it here .