10 Best News Ticker Plugins In jQuery And Pure JavaScript/CSS (2021 Update)

by jQueryScript,

The news ticker provides a horizontal, infinite-loop data display experience for quotes, breaking news, latest posts, featured articles, cryptocurrency prices, and much more.

In this post, you will find the 10 best jQuery, Vanilla JavaScript and Pure CSS plugins that help developers to quickly generate scrollers for news ticker, stock ticker, post scroller and any other text-based content on the webpage. Have fun.

Originally Published May 16 2019, updated Mar 03 2021

Table of contents:

jQuery News Ticker Plugins:

Customizable Breaking News Ticker Plugin With jQuery

A responsive, flexible, customizable jQuery text scroller plugin which can be used for stock ticker, breaking news ticker, and much more.

Customizable Breaking News Ticker Plugin With jQuery

[Demo] [Download]


Responsive jQuery News Ticker Plugin with Bootstrap 3 - Bootstrap News Box

A jQuery and Bootstrap 3 based plugin for creating a clean responsive news ticker/slider that allows you to vertically scroll html contents with autoplay and up/down navigation support.

Responsive jQuery News Ticker Plugin with Bootstrap 3 - Bootstrap News Box

[Demo] [Download]


Horizontal Ticker Animation In jQuery - Conveyor Ticker

The Conveyor Ticker jQuery plugin takes a list of strings and converts them into a horizontal infinite-looping scroller with support for pause on hover. Similar to the traditional marquee element. Suitable for news ticker, stock ticker, etc.

Horizontal Ticker Animation In jQuery - Conveyor Ticker

[Demo] [Download]


Smooth Horizontal Text Scroller - jQuery eocjsNewsticker

An easy yet configurable jQuery news ticker plugin which smoothly, horizontally, and infinitely scrolls through text blocks at a given speed.

Smooth Horizontal Text Scroller - jQuery eocjsNewsticker

[Demo] [Download]


Mobile-friendly News Ticker with jQuery and CSS3 - Responsive Ticker

Responsive Ticker is a lightweight jQuery plugin used to create a fully responsive news ticker on the webpage that works perfectly on both desktop and mobile devices.

Mobile-friendly News Ticker with jQuery and CSS3 - Responsive Ticker

[Demo] [Download]


Vanilla JS News Ticker Libraries:

Minimal Text Ticker With CSS3 And Vanilla JavaScript – tickit

tickit is a vanilla JavaScript ticker library that uses CSS3 transitions to rotate through an array of text at a certain speed.

Minimal Text Ticker With CSS3 And Vanilla JavaScript – tickit

[Demo] [Download]


Marquee Like Horizontal Scroller with Pure JavaScript – marquee.js

marquee.js is a lightweight JavaScript library which allows to scroll horizontally and infinitely through html elements like the traditional marquee element.

Marquee Like Horizontal Scroller with Pure JavaScript – marquee.js

[Demo] [Download]


Smooth Marquee-like Scroller With Pure JavaScript – Marquee3000

Marquee3000 is a small, performant JavaScript scroller library which applies a smooth, configurable scrolling effect to any html content just like the obsolete <marquee> tag.

Smooth Marquee-like Scroller With Pure JavaScript – Marquee3000

[Demo] [Download]


Pure CSS News Tickers:

Create A Simple News Ticker using Pure CSS / CSS3

A pure CSS solution to create an automatic & nice-looking news ticker widget with pause on hover functionality and CSS3 based animations.

Create A Simple News Ticker using Pure CSS / CSS3

[Demo] [Download]


Pure CSS/CSS3 Text Rotator

A CSS3 powered text rotator which allows you to scroll through a list of text like a news ticker.

Pure CSS/CSS3 Text Rotator

[Demo] [Download]


Conclusion:

Want more jQuery plugins or JavaScript libraries to create awesome news ticker on the web & mobile? Check out the jQuery News Ticker and JavaScript/CSS News Ticker sections.

See Also: