logo small

Client Login
Message Us
social bg
social bg
social bg
social bg
social bg
Call Us (919) 275-0676

Responsive Post-it Note Module for Joomla 3.x

Responsive Post-it Note Module for Joomla 3.xSometimes, you just want to add a fun little post-it note to your Joomla!® website.

Sure, you can always make a PNG image of a post-it pretty quickly and do it that way, but what if you want to be able to have linked text inside the note?

Or have Google be able to read your note content as indexable text, instead of an image?

Or easily change message text anytime you want using your Joomla editor, rather than have to create a replacement image?

Then download our free Responsive Post-it Note module!


Features include:

  • Use any free Google web font or choose an installed font on your website
  • Fully configurable for post-it style note color, drop shadow, padding inside of note, rotation angle of note, and more
  • Select your font size, color and line spacing
  • Includes six thumbtack pin colors: Blue, Green, Orange, Red, White or Yellow
  • Customize pin placement location based on pixels from upper left corner of note
  • For a full list of configurable options, see our Documentation.
  • Check out the demo samples below!


The Fine Print:

  • 100% free!
  • Immediate download, no pesky registration required!
  • No technical support included
  • Use it on unlimited domains, forever
  • 100% open source, GPL licensed

Important Tip About Google Fonts

While playing with different fonts is fun, using multiple Google fonts on a page can lead to slower load times.

Google itself warns about this: "Using many font styles can slow down your webpage, so only select the font styles that you actually need on your webpage."

We've used five different Google fonts in the samples below for demonstration purposes only. This will impact the load behavior and time delay you may see below, and may show up as the fonts "flashing" as they each load.

Ideally you should not use more than 2 different Google fonts on your live site.

Demo One

This module lets you easily create a custom note design on your site.

Play with the features.

This demo note is using a font installed on our site called All That Matters

Demo Four

Includes options to configure fonts:

  • Size
  • Line spacing
  • Color

And options to configure the note design:

  • Note color
  • Rotation angle
  • Inside note padding
  • Note drop shadow

And lots more

This demo note is using a cool Google font called Permanent Marker

Demo Two

  • Use bullets
  • or pretty much any other HTML
  • to make your note
  • look awesome


This demo note is using a Google font called The Girl Next Door

Demo Five


“Cats can work out mathematically the exact place to sit that will cause most inconvenience.”

― Pam Brown


This demo note is using a Google font called Rock Salt

Demo Three

  1. Numbers work too
  2. if you must be that orderly
  3. Easy as 1.2.3
  4. Install, configure, enjoy!

This version of the demo note is using a Google font called Amatic SC

Demo Six

New Year's Resolutions for My Joomla Website

  1. Get Healthy
  2. Meet New People
  3. Lose Weight
  4. Learn Something New
  5. Focus on What Matters


This version of the demo note is using a Google font called Architects Daughter