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


Backend Screenshot

rpn note styling tab8 1

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 Google font called Gloria Hallelujah

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

If you don't like angles and prefer the straight approach sans pin, that's cool too.

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


This demo note is using a Google font called Shadows Into Light Two.

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

Need a custom Joomla application?

We can help you with everything from defining your exact application requirements to building and deploying a fully custom web application on Joomla.

Contact us and let's chat about your project. 

Get in Touch