Table of Contents

Responsive MediaWiki skins

Skins in general

In July 2020, I compiled a list of 4 responsive and modern MediaWiki skins for a potential customer. Since this information might be relevant to others, I decided to create this page.

Contrary to popular DokuWiki templates, which often can be used with the latest version of the software, MediaWiki skins are more picky about the version of the core software they can be applied to. Skins consist of source code, layout files and sometimes even third party code to add certain functionality for that specific skin only.

Foreground

Url: https://foreground.wikiproject.net/wiki/Main_Page

The site uses a MediaWiki engine and Foreground as its skin.

Highlights:

  • Many features. Control the behaviour of the features offered.
  • MediaWiki on top and at the bottom, nothing but content in the middle.
  • Useful Tabs. Built-in and responsive own tabs.
  • Smart Typography. Сhoose the design of the text that you need.
  • Grid Layout. Place your information efficiently on desktop and mobile devices.
  • Image Slider. Easy to use and ready to go.
  • Full support of Font Awesome!

Some details:

  • Responsive
  • Latest version: 2.3.0
  • Release date: January 18, 2020

Pivot

Url: https://pivot.wikiproject.net/wiki/Main_Page

The site uses a MediaWiki engine and Pivot as its skin.

Highlights:

  • A familiar wiki look with a sidebar on a desktop but a responsive mobile experience on tablets and phones.
  • Many features. Control the behaviour of the features offered.
  • Useful Tabs. Built-in and responsive tabs.
  • Smart Typography. Сhoose the design of the text that you need.
  • Grid Layout. Place your information efficiently on desktop and mobile devices. Watch the grid align and just work across all viewports.
  • Block Grid when you need pictures or text to align and just work! No need to constantly test how it looks on this device or that device. It looks great on all of them!
  • Need a image slideshow? An easy to use Image Slider is ready to go and you can customize speed, captions, auto play, and other elements to fit your needs.
  • Full support of Font Awesome 4.7 built in and since visual examples speak better than words, they are being used on this page!!!

Details Pivot:

  • Responsive
  • Latest version: 2.2.0
  • Release date: April 5, 2020

Pivot skin on GitHub is here:
https://github.com/Hutchy68/pivot

Tweeki

Url: https://tweeki.kollabor.at/wiki/Welcome

The site uses a MediaWiki engine and Tweeki as its skin.

Details Tweeki:

  • Responsive
  • See mentioned url and go to Components
  • Latest version: 2020-05-17
  • Release date: May 17, 2020

Tweeki skin on GitHub is here:
https://github.com/thaider/Tweeki

Chameleon

Url: https://github.com/ProfessionalWiki/chameleon/blob/master/docs/index.md

The GitHub site only contains the Chameleon source code.

Details Chameleon:

  • Responsive
  • Uses Bootstrap framework
  • Latest version: 3.0.1
  • Release date: Agust 21, 2020

Sites that use the Chameleon skin are: