Button Size
[button link=”#” new_tab=”true” size=”XXS” width=”default” style=”flat” hover=”bright” color=”accent” shape=”sharp” custom_class=”” ]Button[/button]
[button link=”#” new_tab=”false” size=”XS” width=”default” style=”flat” hover=”bright” color=”accent” shape=”sharp” custom_class=”” ]Button[/button]
[button link=”#” new_tab=”false” size=”S” width=”default” style=”flat” hover=”bright” color=”accent” shape=”sharp” custom_class=”” ]Button[/button]
[button link=”#” new_tab=”false” size=”M” width=”default” style=”flat” hover=”bright” color=”accent” shape=”sharp” custom_class=”” ]Button[/button]
[button link=”#” new_tab=”true” size=”L” width=”default” style=”flat” hover=”bright” color=”accent” shape=”sharp” custom_class=”” ]Button[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”flat” hover=”bright” color=”accent” shape=”sharp” custom_class=”” ]Button[/button]
[button link=”#” new_tab=”true” size=”XXL” width=”default” style=”flat” hover=”bright” color=”accent” shape=”sharp” custom_class=”” ]Button[/button]
[button link=”#” new_tab=”true” size=”3XL” width=”default” style=”flat” hover=”bright” color=”accent” shape=”sharp” custom_class=”” ]Button[/button]
[button link=”#” new_tab=”false” size=”4XL” width=”default” style=”flat” hover=”bright” color=”accent” shape=”sharp” custom_class=”” ]Button[/button]
[button link=”#” new_tab=”true” size=”5XL” width=”default” style=”flat” hover=”bright” color=”accent” shape=”sharp” custom_class=”” ]Button[/button]
Button Color
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”flat” hover=”bright” color=”red” shape=”sharp” custom_class=”” ]Red[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”black” shape=”sharp” custom_class=”” ]Black[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”blue” shape=”sharp” custom_class=”” ]Blue [/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”green” shape=”sharp” custom_class=”” ]Green[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”flat” hover=”bright” color=”crimson” shape=”sharp” custom_class=”” ]Crimson[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”flat” hover=”bright” color=”deeppink” shape=”sharp” custom_class=”” ]Deeppink[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”flat” hover=”bright” color=”orange” shape=”sharp” custom_class=”” ]Orange[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”flat” hover=”bright” color=”darkorange” shape=”sharp” custom_class=”” ]Darkorange[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”teal” shape=”sharp” custom_class=”” ]Teal[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”flast” hover=”bright” color=”white” shape=”sharp” custom_class=”” ]White[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”lime” shape=”sharp” custom_class=”” ]Lime[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”gold” shape=”sharp” custom_class=”” ]Gold[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”yellow” shape=”sharp” custom_class=”” ]Yellow[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”darkviolet” shape=”sharp” custom_class=”” ]Darkviolet[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”cyan” shape=”sharp” custom_class=”” ]Cyan[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”accent” shape=”sharp” custom_class=”” ]Theme Accent[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”secaccent” shape=”sharp” custom_class=”” ]Theme Secondary Accent[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”text” shape=”sharp” custom_class=”” ]Main Text Color[/button]
Button Ghost
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”ghost” hover=”bright” color=”red” shape=”sharp” custom_class=”” ]Red[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”ghost” hover=”bright” color=”black” shape=”sharp” custom_class=”” ]Black[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”ghost” hover=”bright” color=”blue” shape=”sharp” custom_class=”” ]Blue [/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”ghost” hover=”bright” color=”green” shape=”sharp” custom_class=”” ]Green[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”ghost” hover=”bright” color=”crimson” shape=”sharp” custom_class=”” ]Crimson[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”ghost” hover=”bright” color=”deeppink” shape=”sharp” custom_class=”” ]Deeppink[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”ghost” hover=”bright” color=”orange” shape=”sharp” custom_class=”” ]Orange[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”ghost” hover=”bright” color=”darkorange” shape=”sharp” custom_class=”” ]Darkorange[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”ghost” hover=”bright” color=”teal” shape=”sharp” custom_class=”” ]Teal[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”ghost” hover=”bright” color=”white” shape=”sharp” custom_class=”” ]White[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”ghost” hover=”bright” color=”lime” shape=”sharp” custom_class=”” ]Lime[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”ghost” hover=”bright” color=”gold” shape=”sharp” custom_class=”” ]Gold[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”ghost” hover=”bright” color=”yellow” shape=”sharp” custom_class=”” ]Yellow[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”ghost” hover=”bright” color=”darkviolet” shape=”sharp” custom_class=”” ]Darkviolet[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”ghost” hover=”bright” color=”cyan” shape=”sharp” custom_class=”” ]Cyan[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”ghost” hover=”bright” color=”accent” shape=”sharp” custom_class=”” ]Theme Accent[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”ghost” hover=”bright” color=”secaccent” shape=”sharp” custom_class=”” ]Theme Secondary Accent[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”ghost” hover=”bright” color=”text” shape=”sharp” custom_class=”” ]Main Text Color[/button]
Button 3D
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”3d” hover=”bright” color=”red” shape=”sharp” custom_class=”” ]Red[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”3d” hover=”bright” color=”black” shape=”sharp” custom_class=”” ]Black[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”3d” hover=”bright” color=”blue” shape=”sharp” custom_class=”” ]Blue [/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”3d” hover=”bright” color=”green” shape=”sharp” custom_class=”” ]Green[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”3d” hover=”bright” color=”crimson” shape=”sharp” custom_class=”” ]Crimson[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”3d” hover=”bright” color=”deeppink” shape=”sharp” custom_class=”” ]Deeppink[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”3d” hover=”bright” color=”orange” shape=”sharp” custom_class=”” ]Orange[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”3d” hover=”bright” color=”darkorange” shape=”sharp” custom_class=”” ]Darkorange[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”3d” hover=”bright” color=”teal” shape=”sharp” custom_class=”” ]Teal[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”3d” hover=”bright” color=”white” shape=”sharp” custom_class=”” ]White[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”3d” hover=”bright” color=”lime” shape=”sharp” custom_class=”” ]Lime[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”3d” hover=”bright” color=”gold” shape=”sharp” custom_class=”” ]Gold[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”3d” hover=”bright” color=”yellow” shape=”sharp” custom_class=”” ]Yellow[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”3d” hover=”bright” color=”darkviolet” shape=”sharp” custom_class=”” ]Darkviolet[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”3d” hover=”bright” color=”cyan” shape=”sharp” custom_class=”” ]Cyan[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”3d” hover=”bright” color=”accent” shape=”sharp” custom_class=”” ]Theme Accent[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”3d” hover=”bright” color=”secaccent” shape=”sharp” custom_class=”” ]Theme Secondary Accent[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”3d” hover=”bright” color=”text” shape=”sharp” custom_class=”” ]Main Text Color[/button]
Button Shade
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”shade” hover=”grow” color=”red” shape=”sharp” custom_class=”” ]Red[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”shade” hover=”grow” color=”black” shape=”sharp” custom_class=”” ]Black[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”shade” hover=”grow” color=”blue” shape=”sharp” custom_class=”” ]Blue [/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”shade” hover=”grow” color=”green” shape=”sharp” custom_class=”” ]Green[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”shade” hover=”grow” color=”crimson” shape=”sharp” custom_class=”” ]Crimson[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”shade” hover=”grow” color=”deeppink” shape=”sharp” custom_class=”” ]Deeppink[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”shade” hover=”grow” color=”orange” shape=”sharp” custom_class=”” ]Orange[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”shade” hover=”grow” color=”darkorange” shape=”sharp” custom_class=”” ]Darkorange[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”shade” hover=”grow” color=”teal” shape=”sharp” custom_class=”” ]Teal[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”shade” hover=”grow” color=”white” shape=”sharp” custom_class=”” ]White[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”shade” hover=”grow” color=”lime” shape=”sharp” custom_class=”” ]Lime[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”shade” hover=”grow” color=”gold” shape=”sharp” custom_class=”” ]Gold[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”shade” hover=”grow” color=”yellow” shape=”sharp” custom_class=”” ]Yellow[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”shade” hover=”grow” color=”darkviolet” shape=”sharp” custom_class=”” ]Darkviolet[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”shade” hover=”grow” color=”cyan” shape=”sharp” custom_class=”” ]Cyan[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”shade” hover=”grow” color=”accent” shape=”sharp” custom_class=”” ]Theme Accent[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”shade” hover=”grow” color=”secaccent” shape=”sharp” custom_class=”” ]Theme Secondary Accent[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”shade” hover=”grow” color=”text” shape=”sharp” custom_class=”” ]Main Text Color[/button]
Button Link
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”link” hover=”bright” color=”red” shape=”sharp” custom_class=”” ]Red[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”link” hover=”bright” color=”black” shape=”sharp” custom_class=”” ]Black[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”link” hover=”bright” color=”blue” shape=”sharp” custom_class=”” ]Blue [/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”link” hover=”bright” color=”green” shape=”sharp” custom_class=”” ]Green[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”link” hover=”bright” color=”crimson” shape=”sharp” custom_class=”” ]Crimson[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”link” hover=”bright” color=”deeppink” shape=”sharp” custom_class=”” ]Deeppink[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”link” hover=”bright” color=”orange” shape=”sharp” custom_class=”” ]Orange[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”link” hover=”bright” color=”darkorange” shape=”sharp” custom_class=”” ]Darkorange[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”link” hover=”bright” color=”teal” shape=”sharp” custom_class=”” ]Teal[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”link” hover=”bright” color=”white” shape=”sharp” custom_class=”” ]White[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”link” hover=”bright” color=”lime” shape=”sharp” custom_class=”” ]Lime[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”link” hover=”bright” color=”gold” shape=”sharp” custom_class=”” ]Gold[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”link” hover=”bright” color=”yellow” shape=”sharp” custom_class=”” ]Yellow[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”link” hover=”bright” color=”darkviolet” shape=”sharp” custom_class=”” ]Darkviolet[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”link” hover=”bright” color=”cyan” shape=”sharp” custom_class=”” ]Cyan[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”link” hover=”bright” color=”accent” shape=”sharp” custom_class=”” ]Theme Accent[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”link” hover=”bright” color=”secaccent” shape=”sharp” custom_class=”” ]Theme Secondary Accent[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”link” hover=”bright” color=”text” shape=”sharp” custom_class=”” ]Main Text Color[/button]
Button Hover Animation
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”flat” hover=”bright” color=”red” shape=”sharp” custom_class=”” ]Bright[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”grow” color=”black” shape=”sharp” custom_class=”” ]Grow[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”plusegrow” color=”blue” shape=”sharp” custom_class=”” ]Pulse Grow[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”float” color=”green” shape=”sharp” custom_class=”” ]Float[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”flat” hover=”buzzout” color=”crimson” shape=”sharp” custom_class=”” ]Buzz Out[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”flat” hover=”uleft” color=”deeppink” shape=”sharp” custom_class=”” ]Underline Left[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”flat” hover=”ucenter” color=”orange” shape=”sharp” custom_class=”” ]Underline Center[/button]
[button link=”#” new_tab=”true” size=”XL” width=”default” style=”flat” hover=”uright” color=”darkorange” shape=”sharp” custom_class=”” ]Underline Right[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”ureveal” color=”teal” shape=”sharp” custom_class=”” ]Underline Reveal[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”oreveal” color=”lime” shape=”sharp” custom_class=”” ]Overline Reveal[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”shadow” color=”gold” shape=”sharp” custom_class=”” ]Shadow[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”fshadow” color=”cyan” shape=”sharp” custom_class=”” ]Float Shadow[/button]
Button Shape
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”darkviolet” shape=”sharp” custom_class=”” ]Sharp Shape[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”yellow” shape=”smooth” custom_class=”” ]Smooth Shape[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”gold” shape=”smooter” custom_class=”” ]Smoother Shape[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”green” shape=”rounded” custom_class=”” ]Rounded Shape[/button]
[button link=”#” new_tab=”false” size=”XL” width=”default” style=”flat” hover=”bright” color=”crimson” shape=”pill” custom_class=”” ]Pill Shape[/button]
Button Block
[button link=”#” new_tab=”false” size=”XL” width=”block” style=”flat” hover=”bright” color=”text” shape=”sharp” custom_class=”” ]Full Width Button[/button]