This new layout for Global Lua Modules is 100% mobile-friendly, and uses semantic HTML instead of <div> soup. It relies on flexbox for positioning, which, despite less-than-perfect browser support, Wikia trusts enough to use in their Portable infoboxes. It is also missing three minor features from the current layout:

• Modules can no-longer be sorted
• Modules are no-longer divided into groups
• Modules are no-longer automagically counted

The introduction of Wikipedia icons broke module sorting anyway, so I doubt it will be missed. Groups like "Utility" and "Demo" seem pointless to me, but that field could be replaced with sub-headers if absolutely necessary. And even in the worst-case scenario, we can still count modules using the PAGESINCATEGORY magic word; it's only two extra expensive parser functions.

Finally, this layout adds a new feature. As a result of replacing some <div>s with <h3>s, the name of each module now appears in the Table of contents. If this list grows too long, it can always be removed with the __NOTOC__ magic word.

Code

Moved to Module:Sandbox/DarthKitty/Module cards.

Usage

<div style="{{#invoke:Module cards|wrapper_css}}">
{{#invoke:Module cards|main
| name = 
| desc = 
| ext-source = 
| ext-docs = 
| no-tests = 
}}

{{#invoke:Module cards|main
| name = 
| desc = 
| ext-source = 
| ext-docs = 
| no-tests = 
}}
</div>

Demonstration

This is what the Lua module (see above) actually produces!