Feature Showcase

Welcome to the comprehensive demonstration of our custom Hugo shortcodes. These elements are designed to maintain the sleek, glassmorphism aesthetic of your site while providing rich content formatting options.

1. Interaction Alerts

Use these to highlight important information or warnings within your documentation or blog posts.

Pro Tip: You can use standard Markdown inside these shortcodes, including bold, italics, and links.

Attention: Ensure your config.toml structure matches the expected parameters for the partials to render correctly.

2. Dynamic Grids & Icons

The grid shortcode allows you to create responsive layouts. It’s perfect for listing features, services, or project milestones.

Lightning Fast

Optimized static generation ensures your links load instantly for every user.

Custom Icons

Supports the full Font Awesome library. Just pass the class name as a parameter.

Responsive

Seamlessly transitions from desktop to mobile views with Tailwind CSS.

Open Source

Built on community standards and easily extensible for your specific needs.

3. Media & Visuals

The figure shortcode wraps your images in the same premium border and shadow style used throughout the site.

Our signature glassmorphism style applied to a standard image component.

Conclusion

These shortcodes provide a powerful way to expand beyond simple links while keeping the “Linktree” simplicity where it counts.