Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Maxmertkit - CSS Framework Based On Widget-Modifier Coding Style

DZone's Guide to

Maxmertkit - CSS Framework Based On Widget-Modifier Coding Style

· Web Dev Zone
Free Resource

Learn how to build modern digital experience apps with Crafter CMS. Download this eBook now. Brought to you in partnership with Crafter Software

Maxmertkit is a new CSS framework which is based on a widget-modifier coding style.  What this means is that instead of trying to showcase all the functionalities of the CSS framework by demoing every single component of it, Maxmertkit allows you to demo each component by choosing yourself which one to demo.

Maxmertkit provides you with a list of possible widgets defined by the CSS framework such as table, input, form vertical, form horizontal, button, input group, buttons group, groups with carets, tabs, badge, label, dropdown, menu, toolbar, menu in dropdown, tooltip and progressbar.

If you wish to see how a button looks when you apply the ‘huge’ class to it, firstly you drag the button widget to the widget display area, then you drag the class ‘huge’ onto the displayed button to apply the huge class to it.

This is an efficient way to showcase the various features of the CSS framework without cluttering up the page with all the possible variations of the components. The Maxmertkit also has other components like social media buttons, popups, tabs, tables, scroll spy, carousel and more.

Requirements: None
Demo:http:/ / maxmert. com/
License: Apache License v2.0

Crafter is a modern CMS platform for building modern websites and content-rich digital experiences. Download this eBook now. Brought to you in partnership with Crafter Software.

Topics:

Published at DZone with permission of Hirvesh Munogee, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}