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, 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 and Accessibility


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.