Back to themes

Astrogon

A rapidly customizable multipurpose Astro template


Cost

Free


Created by
Reed Nelson

Features

Content Collections

  • Blog - Implements Categories and Tags, for easy filtering and searching
  • Documentation - Multi-level document structure, toggleable Doc Browser and Table of Contents sidebars
  • Recipes - Demonstrates a highly templated structure
  • Authors - A collection that can link entries across collections by the Author field
  • Poetry - A trim interface for a lightweight collection, demonstrating pagination over the content pages
  • Index Cards - A variation on the "Poetry" layout, where all content is kept in a single file, and displayed in a single page
  • And more - Homepage, About/Bio, Portfolio, Terms and Conditions, 404 page

Content Components & Features

  • Accordion/collapsible section
  • Tabs section
  • Code Block with syntax highlighting
  • Quote Block
  • Notice Blocks - note, tip, info, & warning
  • Embedded YouTube Video
  • Integrated LaTeX support for inline and block mathematical expressions
  • All the standard MD/MDX features, including footnotes, tables, and more

Additional Features

  • Comprehensive Light Mode and Dark Mode support, with automatic detection of system preference
  • Searchability over all content you choose to include
  • Adaptive Layout for all screen sizes, from phone a to a desktop monitor
  • Tool Tips that can be added seamlessly to any interactable element
  • Breadcrumbs for rapid navigation
  • Auto-populating Related Content section available for any content collection
  • Auto-calculating Reading Time available for any content collection
  • Togglable Frosted Glass effect on all components
  • Easily customizable color scheme and typography
  • Animated component Transitions for an elegant flourish
  • Pagination for any content collection
  • Component for Social Media sharing
  • Built-in patterns for Search Engine Optimization


Every one of these features was designed with modularity and customizability in mind, for the smoothest development experience possible. For more details, see docs/customization.md.