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, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Miscellaneous

Pricer2 - CSS3 Pricing Grid

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Pricer2 - CSS3 Pricing Grid - CodeCanyon Item for Sale


Ad: Bluehost hosting

Pricer2 is a CSS3 pring grid, with smooth css transitions for supported browsers, and jQuery animation for browsers that don’t support transtions. Pricing2 works without js, the jQuery fallback plugin only adds animation for older browsers.

Pricer2 comes with a html code generator, so pricing grid can be created with ease. You can create and modify colums, rows, colors, text etc. with a few click, you can see changes of pricing grid and html code in real time.


  • Unlimited number of columns and rows.
  • No images (except arrow icon, and ribbons).
  • 4 color sets (blue, green, orange and red set), each set contains 5 color. Many color variations (color of the columns can be set separately).
  • Tooltip for even each product detail.
  • CSS transitons for supported browsers (Safari 4+, Chrome 4+, Opera 10.5+, Firefox 4+), and jQuery animation fallback for the rest (old browsers).

Browser compatibility (tested and works)

  • Internet Explorer 8+ (Internet Explorer 8 don’t support rounded borders and shadows. Internet Explorer 9 supports them (except text-shadow), but rounded borders and gradients don’t like each other (buggy), that’s why ie version doesn’t contain gradients.)
  • Chrome 4+
  • Firefox 3.5+ (FF3.5 supports shadows, FF3.6+ supports gradients too).
  • Opera 10+ (11.1 Opera support gradients).
  • Safari 4+
Notice: If you don’t use tooltips Pricer2 is also compatibe with IE7, Firefox 2+.

JQuery compatibility (tested and works)

  • 1.4.3
  • 1.4.4
  • 1.5.0
  • 1.5.1
  • 1.5.2
  • 1.6.1
  • 1.6.2


Pricer2 also contains a layered PSD file for ribbons, so you can create your custom ribbons.

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


1 August 11

Last Update:

Compatible Browsers:
IE8, IE9, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS, Layered PSD

Software Version:


eCommerce, eCommerce, All Items, css pricer tables, css3, html code generator, jquery, pricing, pricing grid, pricing plans, pricing table, web pricing tables