Blog

Category: UI Components

CKEditor 5 – Full demo with code

CKEditor 5 – Full demo with code

UI Components

Here is a full demo with code of CKEditor 5. The editor feels modern and beautiful and full fledged with modern editing tools. You can easily copy and customize the editor from below code area. Demo: <!DOCTYPE html> <html lang=”en”>...
Chart.js line chart with shadow

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

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

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

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...