Skip to content

Astro Haze

A glassmorphism theme for Astro that carries a blog, a portfolio and a landing page in one

  • Astro
  • #glassmorphism
  • #blog
  • #portfolio
  • #landing
  • #mdx
  • #search
  • #seo

Verification report

Speed Score

Lighthouse 12.8.2 · mobile · median of 3 runs

Srank
100/ 100 PerformanceFastest class
LCP
1.23s
CLS
0.000
TBT
0ms
Show all three raw measurements
runLCPCLSTBTperf
#11.53s0.0003ms98
#21.23s0.0000ms100
#30.93s0.0000ms100
median1.23s0.0000ms100

Measured: https://kpab.github.io/astro-haze/

Build verified

Build in a shared environment

Build succeeded

Node.js
23.5.0
pnpm
9.14.4
install
5.5s
build
19.4s
  • Lockfile included
  • .env.example included

Maintained

Update status

Actively maintained

Last commit today

Vulnerabilities (pnpm audit)
0
Framework currency
astro v7

Languages

Declared by the author

1 languages

  • EnglishEN

Verified August 3, 2026 · verifier v0.1.0

About this template

A multi-purpose theme built around a reusable glass UI: aurora backgrounds with cards, buttons, badges and sections that share one visual system. It ships three sites in one starter — a paginated blog with tags, table of contents, reading time and prev/next links; a portfolio with technology filters and case-study pages; and a landing page whose hero, features, pricing, gallery, testimonials, FAQ and closing CTA are all driven from a config file. Built on Astro 7 with the Content Layer and Zod-validated frontmatter, in Markdown and MDX. Search is indexed at build time with Pagefind and opens in a glass modal from the header or Cmd+K. The theme is system-aware for light and dark with no flash on startup, honours prefers-reduced-motion and prefers-reduced-transparency, and serves AVIF/WebP with a responsive srcset through astro:assets. Canonical URLs, Open Graph, Twitter cards, JSON-LD, an RSS feed and an XML sitemap come as standard. Client JavaScript is kept minimal, and the output is static enough to deploy to GitHub Pages or Cloudflare Pages as is.

How this was verified

  • install → build was run in a shared environment on Node 23.5.0 / pnpm 9.14.4.
  • Speed Score is measured three times on the mobile profile, and the median is used.
  • Verification reflects August 3, 2026 (verifier v0.1.0).