Easily create complex interfaces directly within your content.
Add lazy-loaded images, alerts, blockquotes and design great-looking web forms directly from within your content. Dozens of examples provided below:
Shortcode Description
Alert Display contextual alert messages and dialogs.
Blockquote Create pull quotes with citations and citation links.
Button Add colorful buttons to forms and pages.
Button Group Layout buttons to fit buttons snugly together.
Card Display a bordered container with title area.
External Create links with SVG icon and custom behavior.
Figure Present lazy-loaded images with LQIP support.
Form Collect, validate and handle user input.
Form Group Use with Label to visualize control validation states.
Help Block Combine with form controls to guide user input.
Label Provide accessible captions for form controls.
Progress Show graphical progress bars with completion percentage.
Text Area Add a multi-line plain-text editing control.
Text Input Add a single-line plain-text editing control.
Throbber Display a CSS-only loading indicator.

In addition to the above you may Use Hugo's Built-in Shortcodes as well.