Duplicator Shortcodes

From Left To Right

Select The Icon

You can choose from 300+ available Font Awesome icons.

Customize The Animation

You can set the number of animated elements, which element should be animated first and when the animation should be finished.

Get The Code

[duplicator start="0" stop="17" max="25" step="1" icon="trophy"][/duplicator]
[duplicator start="0" stop="20" max="25" step="1" icon="heart"][/duplicator]

[duplicator start="0" stop="28" max="28" step="2" icon="rocket"][/duplicator]
[duplicator start="0" stop="17" max="25" step="1" icon="star"][/duplicator]

Reversed Order

Get The Code

[duplicator start="0" stop="17" max="25" step="1" icon="cog" direction="left"][/duplicator]
[duplicator start="0" stop="17" max="25" step="1" icon="ambulance" direction="left"][/duplicator]
[duplicator start="0" stop="17" max="25" step="1" icon="circle-arrow-left" direction="left"][/duplicator]

Shortcode documentation

  • id
    The id attribute specifies an id for an HTML element.
    It must be unique within the HTML document.
    (Mainly for additional styling/scripting purposes)
  • class
    The class attribute specifies a class name for an HTML element.
    (Mainly for additional styling/scripting purposes)
  • icon
    Available Options:
    All icons available on Font Awesome site
  • start
    Elements at index lower than "start" are visible all time
  • stop
    Stop animation at this index
  • max
    Max. amount of elements to show
  • direction
    Available Options:
    • right
    • left
  • style
    Available Options:
    • simple
    • solid
  • color
    Color