Chart.js line chart with shadow

UI Components

Please check the demo first than I will go through explanations for the line chart with shadow effect. DEMO See the Pen Chart.js line chart with shadow by Puneet Sharma (@webdevpuneet) on CodePen. Explanations: As you can see there is a drop shadow just beneath and...

Line graph with gradient background – Chart JS

UI Components

This is a good example for “how to create a gradient background in line chart using Chart JS”. Just posting it here and will update it as I have other versions too. DEMO See the Pen Custom ChartJS Gradient by Puneet Sharma (@webdevpuneet) on...

Free email drag and drop template builder

UI Components

All templates page – https://email.maocanhua.cn/ Edit template – https://email.maocanhua.cn/editor?id=834&userId=107 Code repo liks: https://github.com/m-Ryan/easy-emailGIT – https://github.com/m-Ryan/easy-email-demoDemo...

Gmail like configuration in CK Editor 4 Toolbar

UI Components

Demo See the Pen Untitled by Puneet Sharma (@webdevpuneet) on CodePen. First we need to include full version script of CK Editor 4 in our page and then add the following toolbar configuration. The configuration is very near to that of a Gmail. i.e. toolbar at the...

jQuery Dropdown multi-select with select all functionality and color indicators

UI Components

Demo See the Pen Multiselect Dropdown – jQuery by Puneet Sharma (@webdevpuneet) on CodePen. HTML <div class=”msdd”> <div class=”msddTop”></div> <div class=”msddMenu” style=”display:none;”> <ul>...