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.


Select Theme and Color
Choose Theme

  

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
  • KwikLink your personal page to share your social media, websites, and contact info with a single URL
phone

Switch Example
Range Example



Report List

Report Name Report Type
View Order
View
add
User Contact Information Core Info
10
edit delete
Page Views by User Analytics
20
edit delete
User History by Date Range Core Info
30
edit delete
Revenue Analytics Accounting
40
edit delete

Tabs are a nice UI option



MaterializeCSS

MaterializeCSS is a modern responsive front-end framework based on Material Design.

Wizard’s Toolkit generates MaterializeCSS code. Always remember when using MaterializeCSS with jQuery to always declare jQuery.js before materialize.min.js.


Docker

Docker makes it easy to jump in and have a perfect environment for working on Wizard’s Toolkit. Plus, Docker facilitates scaling through Kubernetes and other methods. Wizard’s Toolkit provides what we think is an ideal environment, but since this is low-code, you are welcome to change any aspects you want.

WTK has Docker Container options for MySQL, PostgreSQL and Python.


Download Wizard’s Toolkit
Download and Start Developing 10x

Wizard’s Toolkit is the low-code rapid application development using PHP, SQL and JavaScript.

Local development and testing is always free. All the resources developers need to start developing with WTK is located at
http://wizardstoolkit.com/download.php


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.