Responsive MediaWiki skins

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.

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

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!!!