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