Modern News Ticker

Modern News Ticker


Modern News Ticker is a modern, powerful, flexible, fast, easy to use and customize news ticker. It offers a varied number of features while still being lightweight and very easy to work with:
  • It comes with 15 different themes to choose from.
  • It has 4 different effects: scroll, fade, type and slide.
  • It has 4 different layouts.
  • It can have either round or square corners.
  • It offers options to control the effects as well as the autoplay settings.
  • Data can be loaded from a RSS or Atom feed.
  • Data can be loaded from Twitter.
  • Dynamically loaded data can be set to automatically refresh at an interval of time.


  • This is not a Wordpress plugin, it is a standalone HTML, CSS and JavaScript project. A few people have made the confusion that this is a Wordpress plugin and that is why I am posting this clarification note. On CodeCanyon, Wordpress plugins are only in the “Wordpress” section. This ticker is in the “JavaScript” section and it is a standalone project.
  • Loading data from Twitter uses PHP because of the authentication requirement when working with the Twitter API.


2 March 2017:
  • Added support for loading data using a JSON feed.
15 January 2017:
  • Important! The Google Feed API that the ticker was using has been closed recently. I have removed it and have added 2 other RSS processing services, one as default and the other as an alternative. Anyone who is using RSS loading (width loadType: “process”) should update to the new version of the JS file. All that you need to do is to replace the old “jquery.modern-ticker.min.js” file from the “modern-ticker/js” folder with the new one.
5 August 2016:
  • Improved the typing effect functionality. HTML tags inside the typed text are now supported so that the typed text can have different styles.
  • Fixed an error that was causing the typing effect not to display properly when switching back and forth fast between news items.
29 September 2015:
  • Improved the way RSS/Atom loading works.
  • Fixed an issue that was causing some RSS/Atom urls not to work properly.
  • Added a new setting called “forceNoCache” to bypass loading cached RSS/Atom files, if needed.
  • Added console error messages for the “process” load type.
18 December 2014:
  • Fixed an issue that was causing the links not to display properly when loading an RSS file directly.
6 September 2014:
  • Added a new setting to specify if the autoplay pauses when hovering over the news.
  • Added a new setting to specify if the news items have the links enabled.
  • Fixed an issue that was causing the preloader not to be properly visible when loading data.
2 September 2014:
  • Fixed an error where empty news items were displayed if the “feedCount” was higher than the available number of news items.
  • Improved the way that the “feedCount” setting works in order to be able to load the total available items or a variable number of items up to a specified limit.
10 May 2014:
  • Improved the way that the layout works.
    • Improved the layout behaviour when the ticker is responsive.
    • Fixed an issue in page layouts with subpixel precision.
    • Fixed an issue with the news items stacking on top of each other.
  • Added a new setting to specify the target page of links for loaded content.
  • Added a new setting to specify the path to the Twitter loading file.
  • Updated the files and instructions with the new Twitter API key names.
  • Updated the initialization code.
  • Updated the guide.
  • Updated jQuery to the newest version.
13 February 2014:
  • Improved the RSS, Atom file loading options. Now there are 2 loading options available.
  • Added an example RSS file.
  • Updated the instructions.
  • Updated the guide.
  • Fixed a couple of bugs.
10 February 2014:
  • Added a new setting to specify the type of scrolling, either continuous, with no interruption, or discontinuous, leaving empty space once the list finishes scrolling and before starting again.
  • Added a new setting to specify the start position of the scrolling, either from inside or from outside.
22 August 2013:
  • Fixed a bug that was causing the news not to display properly when the width was set as responsive and the window was resized.
15 August 2013:
  • Updated the code of the effects so that the first list items animate as well.
  • Fixed a bug that was causing a delay in the refresh of the loaded RSS-Atom feed.
26 June 2013:
  • Made an update to the Twitter feed functionality to work with the 1.1 update of the Twitter API.
13 February 2013:
  • Added a setting to control the automatic refresh of dynamically loaded data at an interval of time.
  • Added a method to be able to call the refresh through code, if needed.
9 February 2013:
  • Updated the guide
  • Updated the code
  • Updated instructions
  • Updated file structure