Blog

Learn how to implement smooth, app-like page transitions in your Metalsmith site using SWUP. Includes component re-initialization patterns, prefetching for instant navigation, and backwards-compatible implementation.

A step-by-step guide to adding a dismissible announcement bar above your header with cookie persistence and smooth animations

A comprehensive guide to creating your own Metalsmith component from the ground up, complete with validation, documentation, and submission to the library

A step-by-step guide to adding a header search form from the Metalsmith Components library to your starter project

A step-by-step guide to adding a dark/light theme toggle from the Metalsmith Components library to your starter project

Step-by-step guide to downloading and installing component packages. Learn how to add sections and partials to your Metalsmith project with automated install scripts.