ryder theme

FOR HUGO WEBSITES

A Hugo theme built with TailwindCSS, Alpine.js, and Font Awesome.

Ryder is intentionally barebones — practical defaults, no bloat. Drop it in and start writing.

  • Dark mode — toggle built in, zero config
  • Card layouts — multiple variants, fully configurable
  • Shortcodes — alerts, maps, recipe schema, media embeds, CTAs, and more
  • Schema markup — structured data for recipes and articles out of the box
  • Privacy-friendly analytics — pluggable Plausible or PostHog integration
README on GitHub

Documentation

Make your content stand out

This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.

Read on

👋 🥶 🤖

Emoji can be enabled in a Hugo project in a number of ways.

Read on

Sites built with Ryder, sourced from data/showcase.json. That file does not exist in this exampleSite.

Read on

Ryder’s tagged releases, sourced entirely from data/releases.json. This section has no child pages, so _default/list.html’s pagination and card grid would be dead weight — it sets layout = "list-plain" in front matter instead: title, this text, and nothing else.

Read on