Back to themes

ulbo

ulBo is an Astro theme template tailored for personal blogs. It features Material Design motion language, automated PNG compression, and centralized configuration. Built with portability and extensibility in mind, ulBo focuses on deep engineering-level optimizations for SEO and high performance.


Cost

Free


Created by
ulna

ulBo - Material Design Inspired Astro Blog Theme

ulBo is a premium Astro theme specifically crafted for personal blogs. It seamlessly blends the fluid aesthetics of Material Design with rigorous engineering optimizations.


Design Philosophy

Designed for simplicity and speed, ulBo offers an all-in-one responsive layout including Home, Archives, Tags, and About pages. With its centralized configuration and decoupled content architecture, the theme remains fully functional even with zero posts, making it the perfect "day-one" template for your personal site.


Core Features & Compatibility

  • Seamless Migration: High compatibility with Hexo-style Frontmatter and relative image paths, allowing long-time bloggers to migrate without friction.
  • Math-Ready: Built-in KaTeX support with an on-demand loading mechanism to ensure performance isn't sacrificed for functionality.
  • Fluid Interactions: Deep integration with Astro View Transitions and Material Design 3 motion curves (Emphasized and Decelerate). From page transitions to search modals, every interaction provides subtle, refined visual feedback.


Deep SEO Strategy

ulBo implements a comprehensive SEO suite out of the box:

  • Meta Tags: Full support for Canonical links, Open Graph, and Twitter Cards.
  • Structured Data: Automatic injection of JSON-LD (WebSite, Person, and BlogPosting) for enhanced search engine visibility.
  • Crawl Efficiency: Intelligent pagination control that applies noindex and sitemap filtering to deep archives, focusing search engine attention on your most valuable content.


High-Performance Optimization (Lighthouse-First)

To achieve near-perfect Lighthouse scores, ulBo includes:

  • Automated Image Pipeline: Built-in WebP compression and asynchronous decoding/lazy loading for Markdown images.
  • Modern Web Tech: Strategic resource preloading and content-visibility optimization for off-screen content.
  • Lazy Loading: Search indices are deferred until needed, ensuring millisecond-level initial load times without compromising on features.