Back to themes

Devosfera

A Terminal/Cyberpunk blog theme built on AstroPaper. Features global ⌘K search, image galleries with lightbox, custom typography, cursor glow effects, and a glassmorphism UI — built with Astro 5, TypeScript, and Tailwind CSS v4.


Cost

Free


Created by
Andrés Ujpán

Devosfera is a heavily customized blog theme built on AstroPaper, featuring a Terminal/Cyberpunk aesthetic with extensive visual and interactive upgrades.

Key features:

  • Terminal-style design — animated hero prompt, shimmer title, glassmorphism on navbar/cards/modals, and a full-viewport backdrop with CSS grid lines, ambient glow, cursor-following radial glow, and a noise texture overlay
  • Global search — ⌘K / Ctrl+K modal powered by Pagefind with aurora background effects and full keyboard navigation
  • Image galleries — album system at /galleries with build-time image optimization (srcset, WebP, lazy), 2→4 col responsive grid, native <GalleryEmbed> component to embed albums inside MDX posts
  • Custom typography — Wotfard (body), Cascadia Code (mono), Sriracha (italics & H3)
  • Enhanced code blocks — Shiki with custom transformers for line highlighting, diff annotations (++ / --), and filename labels
  • Built-in intro audio player in the hero section
  • Timeline archives, tag cloud, back-to-top button with scroll progress ring
  • Full SEO, dynamic OG images (Satori), RSS, sitemap, light/dark mode, 100/100 Lighthouse
  • Astro 5 + TypeScript + Tailwind CSS v4