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

by jQueryScript,

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

This is not only for news portals but this can also be used for business purposes, portfolio websites, blogs and many more.

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

Originally Published May 16 2019, updated Jan 27 2023

Table of contents:

jQuery News Ticker Plugins:

BBC News-Like Website Ticker Plugin with jQuery - News Ticker

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

BBC News-Like Website Ticker Plugin with jQuery - News Ticker

[Demo] [Download]


Flexible & Customizable jQuery News Ticker Plugin - Easy Ticker

A jQuery plugin helps you create a highly customizable, cross browser, SEO-friendly flexible and infinite news ticker on your web page.

Flexible & Customizable jQuery News Ticker Plugin - Easy Ticker

[Demo] [Download]


jQuery Vertical Scrolling Web Ticker Plugin - vticker

A simple jQuery plugin for creating a vertical scrolling ticker widget with one line of javascript code. Items can be paused when the mouse hovers over an item.

jQuery Vertical Scrolling Web Ticker Plugin - vticker

[Demo] [Download]


News Ticker With Typing And Fading Animations - jQuery Ticker.js

A lightweight jQuery pluging that converts an HTML list into an SEO-friendly news ticker with typing and fading animations. Useful for showcasing breaking news and recent blog posts in a professional way.

News Ticker With Typing And Fading Animations - jQuery Ticker.js

[Demo] [Download]


Minimal jQuery News Ticker Plugin - inewsticker

An easy lightweight jQuery news ticker plugin that comes with some useful options to customize the animations, font color/size, text direction, and more.

Minimal jQuery News Ticker Plugin - inewsticker

[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:

If you’re going to take a look at any of the options above, you’ll notice that they all have slightly different approaches to design, user experience and performance. But again, if you want something that works well and looks nice, go with one of the ones at the top of our list.

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: