Kalimah Apps

A pack of 40 shortcodes to write posts more efficiently. Create progress bars, columns, tabs, buttons, boxes, sliders, accordions, videos, quote, pricing tables, features list, tooltip and much more. Using the shortcodes generator you can quickly add amazing features to your theme.
<h4>Features</h4>
<ul>
<li>Responsive design</li>
<li>40 Shortcodes with many variations</li>
<li>Intuitive shortcodes generator</li>
<li>Translation Ready </li>
<li>Custom icon picker with 2000+ icons including FontAwesome, Dashboard, Themify, Ion icons and Typicons.</li>
<li>Unlimited Colors</li>
<li>Compatible with most major modern browsers 
(Tested on FF, Chrome, IE10, IE11, Edge, Opera and Safari)</li>
<li>Works with any theme</li>
<li>No more 1/2, 1/4, 1/3 … 1/6 for columns.</li>
<li>Geocomplete for Google maps</li>
<li>Color picker</li>
<li>Support RTL</li>
<li>Translated to Arabic</li>
</ul>
<h4>Shortcodes</h4>
<ul>
<li><a href="http://english.kalimah-apps.com/shortcodes/media/" rel="nofollow ugc">Audio</a></li>
<li><a href="http://english.kalimah-apps.com/shortcodes/accordion/" rel="nofollow ugc">Accordion:</a> 3 styles, vertical and horizontal orientation</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/animation/" rel="nofollow ugc">Animation:</a> 80+ animation, four trigger methods</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/author-box/" rel="nofollow ugc">Author:</a> 5 styles</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/box/" rel="nofollow ugc">Box:</a> 7 types and 3 styles</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/button/" rel="nofollow ugc">Button:</a> Flat, gradient and 3D styles</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/columns/" rel="nofollow ugc">Columns:</a> Easy to use columns generator </li>
<li><a href="http://english.kalimah-apps.com/shortcodes/columns/" rel="nofollow ugc">Columns (CSS)</a></li>
<li><a href="http://english.kalimah-apps.com/shortcodes/content-box/" rel="nofollow ugc">Content Box:</a> Pattern, image, color and Video background. Parallax effect and 80+ patterns.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/counter/" rel="nofollow ugc">Counter:</a> Prefix, suffix, text below and text above.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/dividers/" rel="nofollow ugc">Divider:</a> 4 types and 2 styles.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/dropcap/" rel="nofollow ugc">Dropcap:</a> 2 styles</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/dummy-text/" rel="nofollow ugc">Dummy Text:</a> create paragraphs or words.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/dummy-image/" rel="nofollow ugc">Dummy Image:</a> create paragraphs or words.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/environement/" rel="nofollow ugc">Environement:</a> Add content for display for a specific browser, OS, device, brand and/or continent.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/flickr/" rel="nofollow ugc">Flickr</a>.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/highlight/" rel="nofollow ugc">Highlight:</a> 2 types, background highlight and underline highlight</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/heading/" rel="nofollow ugc">Heading:</a> 3 styles.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/images/" rel="nofollow ugc">Image:</a> 12 hover effect.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/icon/" rel="nofollow ugc">icon:</a> 4 styles, 2000+ icons.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/lists/" rel="nofollow ugc">List:</a> with icons and unlimited colors.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/features-list/" rel="nofollow ugc">Featuers List:</a> 2 types: vertical and horizontal, 9 animations</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/google-maps/" rel="nofollow ugc">Google Maps:</a> Geolocation and four map types.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/gallery/" rel="nofollow ugc">Gallery:</a> 4 Styles.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/mockup/" rel="nofollow ugc">Mockup:</a> 16 devices and browsers – CSS based, no images.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/padding/" rel="nofollow ugc">Padding</a>.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/progress-bar-vertical/" rel="nofollow ugc">Progress Bar:</a> 3 types: vertical, horizontal and circular. 5 styles. Animation optional.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/pricing-tables/" rel="nofollow ugc">Pricing Tables:</a> 6 styles.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/qr-code/" rel="nofollow ugc">QR Code.</a> </li>
<li><a href="http://english.kalimah-apps.com/shortcodes/quotes/" rel="nofollow ugc">Quote:</a> Block quote with 4 styles. Pull quote with 3 styles.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/restricted-content/" rel="nofollow ugc">Restricted:</a> Restricted content for logged in users only.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/slider/" rel="nofollow ugc">Slider:</a> 3 styles, 11 transitions. </li>
<li><a href="http://english.kalimah-apps.com/shortcodes/spoiler/" rel="nofollow ugc">Spoiler:</a> 3 styles.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/media/" rel="nofollow ugc">SoundCloud</a></li>
<li><a href="http://english.kalimah-apps.com/shortcodes/tabs/" rel="nofollow ugc">Tabs:</a> 6 styles, horizontal and vertical orientation.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/typography/" rel="nofollow ugc">Typography:</a> 500+ Google fonts.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/tooltip/" rel="nofollow ugc">Tooltip:</a> 3 styles, 4 triggers (hover, delay, click, inview), 4 position (top, right, left, bottom)</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/media/" rel="nofollow ugc">Vimeo</a></li>
<li><a href="http://english.kalimah-apps.com/shortcodes/media/" rel="nofollow ugc">Video</a></li>
<li><a href="http://english.kalimah-apps.com/shortcodes/media/" rel="nofollow ugc">YouTube</a></li>
</ul>
<h3>Planned Features and shortcodes</h3>
<ul>
<li>Tooltip – Completed</li>
<li>Icon – Completed</li>
<li>Feature List – Completed</li>
<li>Services List – Completed</li>
<li>Pricing tables – Completed</li>
<li>Gallery – Completed</li>
<li>Dummy Image – Completed</li>
<li>Carousel</li>
<li>Testimonials</li>
<li>Live preview</li>
</ul>
<h3>Credit</h3>
<ul>
<li><a href="https://themify.me/themify-icons" rel="nofollow ugc">Themify Icons</a></li>
<li><a href="http://fontawesome.io/" rel="nofollow ugc">FontAwesome Icons</a></li>
<li><a href="http://ionicons.com/" rel="nofollow ugc">IonIcons</a></li>
<li><a href="https://developer.wordpress.org/resource/dashicons/#download" rel="nofollow ugc">Dashicons</a></li>
<li><a href="http://www.typicons.com/" rel="nofollow ugc">Typicons</a></li>
<li><a href="http://www.minimamente.com/example/magic_animations/" rel="nofollow ugc">Magic Animation</a></li>
<li><a href="https://daneden.github.io/animate.css/" rel="nofollow ugc">Animate.css</a></li>
<li><a href="https://github.com/Grandt/PHPLipsumGenerator" rel="nofollow ugc">Lipsum Generator</a></li>
<li><a href="http://possible.in" rel="nofollow ugc">Countries List</a></li>
<li><a href="http://mexitek.github.io/phpColors/" rel="nofollow ugc">PHP Color Class</a></li>
<li><a href="http://www.d-project.com/" rel="nofollow ugc">QR Code Generator</a></li>
<li><a href="https://github.com/josedvq/colpick-jQuery-Color-Picker" rel="nofollow ugc">JS Color Picker</a></li>
<li><a href="http://github.com/zuk/jquery.inview/" rel="nofollow ugc">jQuery Inview</a></li>
<li><a href="https://github.com/acdvorak/jquery.caret" rel="nofollow ugc">jQuery Caret</a></li>
<li><a href="http://subtlepatterns.com/" rel="nofollow ugc">Subtle Patterns</a></li>
<li><a href="https://marvelapp.github.io/devices.css/" rel="nofollow ugc">marvelapp</a></li>
</ul>

Kalimah Shortcodes

A premium shortcodes plugin with 40 amazingly designed shortcodes for free!

Lightweight Grid Columns are super easy to use! Install and activate the plugin, then look for the columns icon within your TinyMCE toolbar (see screenshots).
Specify your desired desktop, tablet and mobile widths of the columns, add your content and then insert your shortcode into your content.
Lightweight Grid Columns uses the awesome Unsemantic Framework: (http://unsemantic.com/)
Check out GeneratePress, our awesome WordPress theme! (https://wordpress.org/themes/generatepress)
<h4>Features include:</h4>
<ul>
<li>Desktop grid width</li>
<li>Tablet grid width</li>
<li>Mobile grid width</li>
<li>Add custom classes</li>
<li>Add custom inline styles</li>
<li>Equal height columns</li>
</ul>

Lightweight Grid Columns

Love this plugin works really well.

One really small point would be great if the button for columns showed up when editing a Toolset template, some kind of integration with Toolset.

Its not a massive thing as you learn the code you can just manually write it but would be a nice little time saving update if it was integrated! :)

Great plugin would be even better with Toolset support

Easily add desktop, tablet and mobile friendly columns to your content using an easy to use shortcode.

Kalimah Shortcodes vs Lightweight Grid Columns