https://coreydaley.dev/tags/ux/Recent content in Ux on Corey DaleyHugoen-usSun, 08 Feb 2026 19:19:33 -0500https://coreydaley.dev/posts/2026/02/pagefind-custom-search-ui/Sun, 08 Feb 2026 19:19:33 -0500https://coreydaley.dev/posts/2026/02/pagefind-custom-search-ui/<p>The default Pagefind UI is great for quick setup, but what if you want search results that feel like they belong to your site? That&rsquo;s exactly what I built for this blog. Instead of using Pagefind&rsquo;s default UI with its own markup and styles, I tapped directly into the Pagefind API to pull JSON results and render them using the same post card structure used throughout the theme.</p> <p>The result? Search that feels completely native—same date formats, same taxonomy chips, same layout consistency. This post walks through the technical approach: loading Pagefind as a module, querying for results, and building custom rendering logic.</p> <p>If you&rsquo;re building with Hugo or any static site generator and want full control over your search UI, this approach might inspire you. How are you handling search on your static sites?</p> <p>Read more at <a href="https://coreydaley.dev/posts/2026/02/pagefind-custom-search-ui/" target="_blank" rel="noopener noreferrer">https://coreydaley.dev/posts/2026/02/pagefind-custom-search-ui/</a> </p>