tormorten

Adds support for using Zurb’s Foundation grid-system via shortcodes in WordPress’ TinyMCE editor.
For more information about Foundation, please <a href="http://foundation.zurb.com/docs/" title="Zurb Foundation" rel="nofollow ugc">read the docs</a>.
This plugin is compatible with version 5 and version 6 of Foundation, and includes support for small, medium and large breakpoints.
Now also with support for block grids.
Modifying the grid
If your grid has more than the default 12 columns you can use the <code>foundation_columns_count</code> filter.
<pre><code>add_filter( 'foundation_columns_count', function($count) {
 $count = 16;
 return $count;
} );
</code></pre>
If you would like to contribute to this plugin. Please open a pull request on <a href="https://github.com/tormjens/foundation-columns" rel="nofollow ugc">Github</a>
Please note: This plugin does not install Foundation for you and therefore require that you use a theme built on Foundation.

Foundation Columns

Use the Zurb Foundation-grid and block grid in all your posts, pages and custom post types.

Adam Pery

Motion WordPress Plugin based on Motion UI by ZURB – a Sass library for creating CSS transitions and animations. 
Provide user friendly solution to beautiful CSS3 animations on WordPress Posts, Pages and Widgets.
<a href="http://motion.tadam.co.il/" rel="nofollow ugc">Motion Demo</a>
<iframe loading="lazy" title="Motion WordPress Plugin" width="750" height="422" src="https://www.youtube.com/embed/8QMMndMZOCE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Some of the Key features Include:
<ul>
<li>CSS animations</li>
<li>CSS transitions</li>
<li>Allowing user to apply CSS3 animations on WordPress Posts, Pages and Widgets</li>
<li>Animation on Scroll, bases on wow.js</li>
<li>Different scroll offset on individual animation blocks</li>
<li>Delay to create a nice animation sequence</li>
<li>Animation duration</li>
<li>Enable or disable animations on mobile</li>
<li>Enable or disable checking for new elements on the page</li>
<li>Custom box class setting</li>
<li>Custom animate class setting</li>
<li>Custom CSS setting</li>
<li>Allow users to apply animation on WordPress Widgets</li>
</ul>
All the CSS3 animations are from <a href="https://github.com/zurb/motion-ui" title="Motion UI" rel="nofollow ugc">Motion UI</a> 
WOW.js are from <a href="https://github.com/matthieua/WOW" title="WOW" rel="nofollow ugc">WOW</a>
<h3>Arbitrary section</h3>
<h3>A brief Markdown Example</h3>
[motion data-animate=”slideInUp” data-speed=”slow” data-easing=”linear” data-delay=”short-delay” data-animation=”shake” data-offset=”100″ custom_class=”your_custom_class”][/motion] 
<a href="http://motion.tadam.co.il/" rel="nofollow ugc">Motion Demo</a>

Motion

Motion WordPress Plugin provide user friendly solution to beautiful CSS3 animations.

Foundation Columns vs Motion