Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
68
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
Purchase

Marquee

Marquee displays an infinite horizontal stream of repeated content. Use it for non-critical motion such as promo text, short highlights, logos, badges, partner names, compact news, or decorative content showcases.

Use reverse to change the direction. Use pauseOnHover when users may need more time to read or interact with the moving content.

Do not use Marquee for important system notices, errors, warnings, required actions, or content that the user must read. Use Announcement, Alert, ActionRequired, or Incidents instead. Do not use it for navigation, tables, task lists, precise ticker data, forms, or work surfaces.

Key features:
  • Infinite horizontal animation for repeated content.
  • Reverse direction support.
  • Optional pause on hover.

The NgStarter Angular Marquee component lets you display an infinite horizontal stream of repeated non-critical content. Use ngs-marquee for motion content that can move and repeat without losing meaning: promo text, short highlights, logos, badges, partner names, compact news, and decorative content showcases. It includes examples for Basic marquee, Marquee reverse, Marquee with pause on hover, and Marquee pause on hover.

Basic marquee

Use a basic marquee for non-critical content that can move and repeat without losing meaning.

Contributions are welcome. Please submit a pull request or open an issue to discuss your ideas.

Marquee reverse

Use reverse when the visual direction should match surrounding layout or create alternating motion.

Contributions are welcome. Please submit a pull request or open an issue to discuss your ideas.

Marquee with pause on hover

Use pause on hover when the moving content contains text or interactive items that need extra time.

Contributions are welcome. Please submit a pull request or open an issue to discuss your ideas.