CSS Maker by WTK

CSS Maker by Wizard’s Toolkit

Choose Colors download full set

Set the CSS variables which will affect how all elements on your page look. For help with trending color palettes, check out coolors.co.

Example blockquote tag where MaterializeCSS shows a bar on left.

Wizard’s Toolkit low-code development library

WizBits shortened URL service

Mage Page free landing page service

MaterializeCSS modern responsive front-end framework based on Material Design

User Photo

Some Text Field

Email with Validation

Phone

Select Drop List

Some Date

Some Time

Textarea Example

Checkbox Example

Switch Example

Off On

Range Example

Report List

Quick Filters

Report Name	Report Type	View Order
User Contact Information	Core Info	10
Page Views by User	Analytics	20
User History by Date Range	Core Info	30
Revenue Analytics	Accounting	40
1 - 4 of 4

This free utility was built by Programming Labs for making color themes for Wizard’s Toolkit websites. Feel free to modify it for your own needs.

In your HTML page call the CSS files in this order:

materialize.min.css

wtk{YourColor}.css

wtkLight.css or wtkDark.css

wtkGlobal.css

And remember when using MaterializeCSS with jQuery to always declare jQuery.js before materialize.min.js.

CSS Maker by Wizard’s Toolkit

Choose Colors download full set

Select Theme and Color

Report List

Quick Filters Reset List

File Created

Quick Filters