UIUX Lab

Uix Shortcodes makes it easy and quick to add the shortcode you need to achieve the page layout or function you desire. It provides easy to use over 26+ shortcodes. The content elements are the heart of any page builder. These are the elements shortcodes that come with theme. You may customize the shortcode by changing/adding the parameters. “Content Shortcode”, “Column Shortcode”, “Web Elements Shortcode”, “Container Shortcode”, and so on. They could be used together. It is compatible with Gutenberg.
The Uix Shortcodes consists of several core features that are key to support multi-style switch. According to current progress, some styles can be summarized as follows: Elegant (default), Slant, Rich.
A variety of optional styles are available for Uix ShortCodes. Go to “Uix ShortCodes -> Settings -> General Settings”, you can choose the shortcodes style you want.
Included Modules
The currently available default elements:
<ul>
<li>container</li>
<li>parallax</li>
<li>image slider</li>
<li>timeline</li>
<li>columns</li>
<li>buttons</li>
<li>progress bar</li>
<li>google maps</li>
<li>special heading</li>
<li>pricing table</li>
<li>icons</li>
<li>features boxes</li>
<li>testimonials carousel</li>
<li>team</li>
<li>list of clients</li>
<li>responsive video</li>
<li>audio</li>
<li>accordion</li>
<li>dividing line</li>
<li>tabs</li>
<li>code with highlighter</li>
<li>share buttons</li>
<li>contact form(use commenting form template)</li>
<li>portfolio(support lightbox)</li>
<li>recent posts with custom template</li>
<li>author card</li>
</ul>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/8bX2vyA5iT4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>

Uix Shortcodes

Uix Shortcodes brings an amazing set of beautiful and useful elements to your site that lets you do nifty things with very little effort.

CodyReichert

<h4>Getting Started</h4>
Thanks for installing! Let me show you around:
Documentation:
<ul>
<li>All of the documentation can be found at <a href="http://codyreichert.github.io/materializer" rel="nofollow ugc">The documentation page</a></li>
</ul>
<h4>Quickstart</h4>
Materializer comes with over 25 different Material Design components 
and hundreds of ways to customize them. To get a good idea of how it all 
works, add this short-code to your page after installing the plugin:
<blockquote>
[card title=”A Cool Card!” text=”text-darken-3 grey” title_color=”blue”] 
 I am a very simple card. I am good at containing mall bits of 
 information. I am convenient because I require little markup to use 
 effectively. 
 [link text=”blue” to=”/”]Go Home[/link] 
 [/card]
</blockquote>
The short-code above gives a material design card, of which you can 
control the title, background color, text color, and link color. This 
is just one of many ways you can use and combine short-codes.
<h4>Support and Bugs</h4>
If you have any question, can’t get something to work, or notice a bug, please submit it on the 
<a href="https://github.com/CodyReichert/materializer/issues" rel="nofollow ugc">Materializer issue tracker</a>.
Pull requests to the Github Repo are also welcome!
<h3>Documentation</h3>
View the full documentation on the <a href="https://codyreichert.github.io/materializer" rel="nofollow ugc">Materializer Website</a>

Materializer WP

Materializer is a set of Material Design Components for WordPress. Powered by simple short-codes, Materializer includes everything you need to add Mat …

Uix Shortcodes vs Materializer WP