Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
WordPress / Miscellaneous

ChalkBoard Painter For WordPress

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

ChalkBoard Painter For WordPress - CodeCanyon Item for Sale


Ad: Bluehost hosting

NEW – go PRO – NEW Pro Version Available

WordPress version of ChalkBoard Painter – HTML5/Canvas Browser Painting App

Now with a Text Tool including 80 fonts to choose from

Give your users photoshop like features in an easy to use browser painter app.

Edit and save images on the fly. Manipulate image pixels with the invert greyscale and push tool.

Create clean straight lines or squares.

Craft cloud or mountain effects with the gradient roll brush.

Upload and edit your own images.

“The most complex and easy to use canvas based painting program on the web. ” –
  • Color Value Sliders

    – Adjust Red, Green, Blue values to get the perfect color level.
  • Square Brush Tool

    – Create Perfect Squares
  • Gradient Roll Brush

    – Create Cloud like effects with a slight gradient.
  • Colorpicker Push Brush

    – Push the colors on the chalkboard.
  • Invert Effect

    – Invert the colors of the chalkboard image.
  • Greyscale Effect

    – Covert the chalkboard image to black and white.
  • Line Tool Brush

    – Create straight lines.
  • Fill Canvas Tool

    – Quickly fill the chalkboard with one color.
  • Brush and Opacity sliders + quick brush select options

  • Text Tool

    – 80 Fonts to choose from, Set text color, size, opacity. Fill or stroke.
  • Color Spectral Colorpicker

    – Click the colorpicker to choose a color.
  • Background tray with image upload

    – fill canvas with pre-set image or upload your own.
  • Undo Brush Stroke

    – undo up to 20 previous brush strokes
  • App resize with dynamic canvas resizing(optional)

  • Brush/Color info

    – Get current color,opacity and brush size info.
  • Brush Tools Dialog/Modal tooltips

    – On the fly info as tooltips.
  • Lightbox render image with image save to png file.

    – Render in style, preview and save.
  • Limited Mobile Browser Support

    – Safari(apple ipad – no line tool support), not mobile responsive.
  • Cross Browser support

    – Safari(no image upload support),Firefox, IE9, Opera, Chrome(no image upload support).
  • Easy Integration – Simple shortcode on any page.
  • Set size, uploads feature, resizable from shortcode.

Image background upload tool does not work with Safari

Get the jQuery/HTML version

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


20 July 12

Last Update:
28 December 14

Compatible Browsers:
IE10, IE11, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS, PHP

Software Version:
WordPress 4.1, WordPress 4.0, WordPress 3.9, WordPress 3.8, WordPress 3.7, WordPress 3.6, WordPress 3.5, WordPress 3.4, WordPress 3.3, WordPress 3.2, WordPress 3.1, WordPress 3.0


eCommerce, eCommerce, All Items, brush, canvas, color, colorpicker, draw, gradient, greyscale, html5, image, lightbox, paint, photoshop, text, undo, wordpress